{"title":"Speciale cosmetica","description":"\u003ch1\u003eNaar onze mening is Special One het beste merk shampoos, maskers en verzorgingsproducten voor dieren ter wereld, met de beste prijs-kwaliteitverhouding.\u003c\/h1\u003e \u003ch2\u003e \u003cspan class=\"fontstyle0\"\u003eSpecial One zorgt voor alles om uw verzorgingservaring nog aangenamer te maken.\u003c\/span\u003e hond kat\u003c\/h2\u003e \u003cp\u003eHieronder volgen in een paar woorden de belangrijkste concepten die het merk kenmerken:\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eU beschikt over de middelen om effectief en economisch te reageren op alle dagelijkse situaties, van de meest eenvoudige tot de meest technische... Cosmetica \u003ca href=\"https:\/\/www.petdesign.fr\/content\/10-bain\"\u003ehondenshampoo\u003c\/a\u003e waardoor je elke dag vleugels krijgt.\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eOntketen je talent met hoogwaardige cosmetica. Vier je unieke stijl met de mogelijkheid van maatwerkoplossingen.\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eElk dier dat aan ons wordt toevertrouwd verdient de grootste zorg: een selectie van de meest natuurlijke, hydraterende ingrediënten.\u003cbr\u003eRespectvol en voor 95% biologisch afbreekbaar. Iedere trimmer moet vertrouwen hebben in zijn of haar cosmetica: ze gebruiken deze dagelijks en moeten dus hun huid beschermen!\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eWord ware verzorgingsprofessionals, in de meest nobele zin van het woord.\u003cbr\u003eUnieke prestaties op alle vlakken: Wassen • Ontwarren • Verzorging • Haargroei •\u003cbr\u003eHygiëne • Drogen • Borstelen • Vachtherstel • Levensduur • Volume • Vachtlaag • Gewicht • Textuur • Hondenverzorging...\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003eDit werk is het resultaat van een onvermoeibare en gepassioneerde samenwerking tussen toegewijde spelers: trimmers, onderzoekers, laboratoria... allen zetten zich volledig in om de beste cosmetica ter wereld te creëren!\u003c\/p\u003e \u003cp\u003eOp onze website vindt u de beste shampoos voor de verzorging van honden en katten. Shampoos die de vacht voeden, shampoos die klitten verwijderen, shampoos die volume geven, shampoos die de vacht van terriërs verstevigen, shampoos voor dubbele vachten, voordelige shampoos voor fokkers en trimmers, ontvettende shampoos, universele shampoos, shampoos voor katten, verzorgende shampoos voor alle huidproblemen, kleishampoos, shampoos op basis van plantaardige olie...\u003cbr\u003e\u003cbr\u003eOp onze website vindt u de perfecte shampoo voor uw huisdier. We bieden shampoos aan die de vacht voeden, ontwarren, volume geven, de vacht van terriërs versterken en geschikt zijn voor dubbele vachten. We hebben ook betaalbare shampoos voor fokkers en dierenwinkels. Daarnaast hebben we ontvettende shampoos, allesshampoo, kleishampoos en nog veel meer.\u003cbr\u003e\u003cbr\u003eWij bieden de beste shampoos voor zowel honden als katten. We hebben ook anti-vet shampoos, ontvettende en hydraterende shampoos, en speciale oplossingen voor alle huisdierproblemen.\u003cbr\u003e\u003cbr\u003eOnze haarverzorgings- en trimproducten zijn door onze experts ontwikkeld om het beste in uw hond naar boven te halen.\u003cbr\u003e\u003cbr\u003eBespaar tijd en shop vandaag nog online!\u003cbr\u003e\u003cbr\u003eOp onze website vindt u de beste shampoos voor de verzorging van honden en katten. Ons assortiment omvat shampoos die de vacht voeden, volume geven en de vacht van terriërs en honden met een dubbele vacht versterken. Ze zijn bovendien betaalbaar, waardoor ze geschikt zijn voor zowel professionals, fokkers als het grote publiek.\u003cbr\u003e\u003cbr\u003eDogOmatic is de beste online winkel voor hondenverzorging. We hebben shampoos van de hoogste kwaliteit van vertrouwde merken zoals Sporn. Onze shampoos reinigen niet alleen je trouwe viervoeter; ze voeden ook de huid, houden de vacht gezond en glanzend en zorgen ervoor dat je hond heerlijk ruikt.\u003cbr\u003e\u003cbr\u003eDeze shampoos zijn speciaal ontwikkeld om de vacht van uw huisdier te reinigen, waardoor deze zacht, glanzend en klitvrij wordt. Ze zijn bovendien betaalbaar, zodat u geen fortuin hoeft uit te geven terwijl uw huisdier er op zijn best uitziet.\u003cbr\u003e\u003cbr\u003eOnze huisdierenshampoos zijn ontwikkeld om aan uiteenlopende behoeften te voldoen. Wij bieden hoogwaardige producten tegen betaalbare prijzen, zodat u precies krijgt wat u nodig heeft om uw huisdier zo goed mogelijk te verzorgen.\u003cbr\u003e\u003cbr\u003eOnze huisdierenshampoos zorgen ervoor dat uw puppy's zacht, gezond en vol energie aanvoelen. Ze ruiken heerlijk, zodat iedereen kan genieten van de zachtheid van uw huisdier.\u003cbr\u003e\u003cbr\u003eDe meest economische keuze voor professionele, persoonlijke en langdurige verzorgingsresultaten.\u003cbr\u003e\u003cbr\u003eAls je van je hond of kat houdt, wil je het beste voor ze. En wat is er een betere manier om dat te doen dan ze te wassen met luxe biologische shampoos?\u003cbr\u003e\u003cbr\u003eBent u op zoek naar een professionele shampoo voor uw hond of kat? Zoek niet verder. Op onze website vindt u de beste shampoos, speciaal samengesteld om de vacht van alle honden- en kattenrassen mild te reinigen en te hydrateren, en een frisse geur achter te laten. We hebben producten met ingrediënten zoals natuurlijke oliën, reinigingsmiddelen, klei en meer om de huid en vacht gezond te verzorgen.\u003cbr\u003e\u003cbr\u003eZoekt u een professionele shampoo voor uw hond of kat? Zoek niet verder. Wij hebben een aantal van de beste shampoos, speciaal samengesteld om de vacht van alle honden- en kattenrassen mild te reinigen en te hydrateren, en een frisse geur achter te laten. Onze producten bevatten natuurlijke oliën, reinigingsmiddelen, klei en andere ingrediënten om de huid en vacht te voeden.\u003cbr\u003e\u003cbr\u003eWij zetten ons in om de beste shampoo voor honden en katten te leveren, met kwaliteitsproducten en een 100% tevredenheidsgarantie. De afgelopen 25 jaar hebben we natuurlijke formules geperfectioneerd om geweldige, volledig natuurlijke shampoos te creëren waar uw huisdier dol op zal zijn.\u003cbr\u003e\u003cbr\u003eZoekt u de perfecte shampoo voor de vacht van uw huisdier? U kunt vertrouwen op onze professionele shampoo voor elke pup of kitten. Deze volledig natuurlijke formule ruikt heerlijk en heeft een perfecte balans van oliën en reinigingsmiddelen om alle vachttypen te reinigen en te beschermen.\u003cbr\u003e\u003cbr\u003eWe hebben shampoos voor honden en katten, evenals verzorgingsaccessoires. We bieden persoonlijke klantenservice die aansluit op de specifieke behoeften van uw hond.\u003cbr\u003e\u003cbr\u003eProbeer onze shampoos eens op uw huisdieren en u zult ons later dankbaar zijn.\u003cbr\u003e\u003cbr\u003eHeeft u een vraag over een van onze shampoos? Neem dan gerust contact met ons op. Ons team staat klaar om al uw vragen te beantwoorden, u te adviseren en de shampoo te vinden die het beste bij uw behoeften past.\u003cbr\u003e\u003cbr\u003eOns team kan al uw vragen beantwoorden en u de shampoo aanbevelen die het beste bij uw behoeften past.\u003cbr\u003e\u003cbr\u003eElk van onze klantenservicemedewerkers is hooggekwalificeerd om uw vragen over een specifieke shampoo te beantwoorden. Ze kunnen u ook adviseren over de juiste shampoo op basis van uw haartype.\u003cbr\u003e\u003cbr\u003eHeeft u vragen over onze producten? Neem dan gerust contact met ons op. Ons team staat klaar om u te helpen bij het vinden van het perfecte product voor uw behoeften.\u003cbr\u003e\u003cbr\u003eHeeft u vragen over onze shampoos? Wij helpen u graag! Bel onze deskundige medewerkers op 1-800-5900-9000 en zij staan ​​u graag te woord.\u003cbr\u003e\u003cbr\u003eOns team van cosmetologie-experts kan u helpen bij het kiezen van het juiste product voor u en uw haar. Neem contact met ons op als u vragen heeft of twijfelt of onze producten geschikt zijn voor uw haartype.\u003cbr\u003e\u003cbr\u003eHet doet ons goed te weten dat we je kunnen helpen met je schoonheidsroutine. Niets maakt ons blijer!\u003cbr\u003e\u003cbr\u003eShampoos voor het voeden van de vacht, shampoos om te ontwarren, shampoos om volume te geven, shampoos om de vacht van terriërs te versterken, shampoos voor dubbele vachten, goedkope en zuinige shampoos voor fokkers en trimmers, ontvettende shampoos, universele shampoos, shampoos voor katten, verzorgende shampoos voor alle huidproblemen, kleishampoos, shampoos op basis van plantaardige olie...\u003cbr\u003e\u003cbr\u003eShampoos bevatten verschillende ingrediënten, afhankelijk van het gewenste resultaat. Zo kunnen ze bijvoorbeeld sterk hydraterende ingrediënten bevatten, zoals plantaardige olie, of ze kunnen voornamelijk de vacht van een hond ontvetten om het verzorgen te vergemakkelijken.\u003cbr\u003e\u003cbr\u003eOnze shampoos die de vacht glanzend en zacht maken!\u003cbr\u003e\u003cbr\u003eOns assortiment shampoos is tot wel een jaar lang getest om ervoor te zorgen dat de vacht van uw huisdier gezond en mooi groeit. We doneren een percentage van onze winst aan goede doelen die zich inzetten voor verlaten dieren.\u003cbr\u003e\u003cbr\u003eMijn favoriete shampoo beschermt de vacht van je huisdier, versterkt de haarwortels en voorkomt klitten. De ingrediënten zijn van natuurlijke oorsprong, dus er zijn geen schadelijke bijwerkingen! Dit is mijn harige vriend, Max.\u003cbr\u003e\u003cbr\u003eKoop een shampoo die geschikt is voor de vacht en huidconditie van je hond.\u003cbr\u003e\u003cbr\u003eOp onze website vindt u de beste shampoos voor de verzorging van honden en katten.\u003cbr\u003e\u003cbr\u003eWij verkopen natuurlijke shampoos voor verschillende vacht- en huidtypen, die gegarandeerd de vacht van uw huisdier glanzend en gezond maken.\u003cbr\u003e\u003cbr\u003eOf je nu op zoek bent naar papegaaienshampoo of hondenconditioner, op onze website vind je de beste producten om je huisdier te verwennen.\u003cbr\u003e\u003cbr\u003eShop online bij petco.comGebruik de website \/shopping\/petwishlist om de beste shampoo voor honden en katten te vinden.\u003cbr\u003e\u003cbr\u003eVerwen uw huisdier met veilige en effectieve natuurlijke shampoos.\u003cbr\u003e\u003cbr\u003eJarenlang hebben mensen mensenshampoo gebruikt voor honden en katten, met rampzalige gevolgen. Het werkt niet! Vertrouw op onze professionele shampoo om uw hond of kat zo fris mogelijk te houden.\u003cbr\u003e\u003cbr\u003eVoor huisdiereigenaren die willen dat hun huisdieren in de best mogelijke conditie verkeren, is er één bedrijf dat er met kop en schouders bovenuit steekt... wij.\u003cbr\u003e\u003cbr\u003eOnze producten zijn speciaal ontworpen om uw huisdier in topconditie te houden.\u003cbr\u003e\u003cbr\u003eU houdt van uw huisdier en zou er niet aan denken om hem of haar bloot te stellen aan schadelijke gifstoffen. Onze producten zijn speciaal ontworpen om uw huisdier in topconditie te houden voor een lang en gezond leven.\u003cbr\u003e\u003cbr\u003eAl onze producten zijn speciaal ontworpen om uw huisdieren gezond en gelukkig te houden.\u003cbr\u003e\u003cbr\u003eVoor een gezonder en gelukkiger huisdier, gebruik onze producten.\u003cbr\u003e\u003cbr\u003eBij DogFashion willen we ervoor zorgen dat elk huisdier niet alleen stijlvol, maar ook gezond is.We hebben een lijn kleding en accessoires ontwikkeld die speciaal ontworpen is om de veiligheid van uw hond in elke omgeving te garanderen.\u003cbr\u003e\u003cbr\u003eOns doel is om uw huisdier gezond, gelukkig en vrij van ziekten te houden.\u003cbr\u003e\u003cbr\u003eJe huisdier is ongetwijfeld schattig, maar wist je dat CutePet is ontworpen om de levenskwaliteit van je meest geliefde metgezel te verbeteren?\u003cbr\u003e\u003cbr\u003eShampoos die de vacht voeden, shampoos die klitten verwijderen, shampoos die volume geven, shampoos die de vacht van terriërs verstevigen. Shampoos voor dubbele vachten. Voordelige shampoos voor fokkers en trimmers. Ontvettende shampoos. Universele shampoos. Shampoos voor katten. Verzorgende shampoos voor alle huidproblemen. Kleishampoos. Shampoos op basis van plantaardige olie.\u003cbr\u003e\u003cbr\u003eOnze producten zijn de beste shampoos voor honden en katten. U vindt bij ons shampoos die de vacht voeden, shampoos die klitten verwijderen, shampoos die volume geven, shampoos die de vacht van terriërs verstevigen, shampoos voor dubbele vachten, voordelige shampoos voor fokkers en trimmers, ontvettende shampoos, universele shampoos, shampoos voor katten, verzorgende shampoos voor alle huidproblemen en shampoos met klei.\u003cbr\u003e\u003cbr\u003eOp onze website vindt u de beste shampoos voor de verzorging van honden en katten.\u003cbr\u003e\u003cbr\u003eOp onze website vindt u de beste shampoos voor de verzorging van honden en katten, met niet alleen de hoogste kwaliteitsnormen, maar ook de beste klantenservice.\u003cbr\u003e\u003cbr\u003eOns assortiment shampoos biedt u een perfecte verzorgingservaring voor uw harige huisdieren.\u003cbr\u003e\u003cbr\u003eDeze hoogwaardige shampoos zijn essentieel voor elke trimsalon. Ze reinigen grondig en maken vacht en huid zacht en soepel. Uw klanten zullen dol zijn op het resultaat.\u003cbr\u003e\u003cbr\u003eBekijk ons ​​assortiment en vind de beste producten die speciaal voor uw huisdier zijn ontworpen.\u003cbr\u003e\u003cbr\u003eBegin uw huisdierverzorgingstraject bij ons en bespaar tot wel 20%.\u003cbr\u003e\u003cbr\u003eOp onze website vindt u de beste shampoos voor de verzorging van honden en katten. Shampoos die de vacht voeden, shampoos die klitten verwijderen, shampoos die volume geven, shampoos die de vacht van terriërs verstevigen, shampoos voor dubbele vachten, voordelige shampoos voor fokkers en trimmers, ontvettende shampoos, universele shampoos, shampoos voor katten, medicinale en verzorgende shampoos voor alle huidproblemen...\u003cbr\u003e\u003cbr\u003eU vindt onze shampoos voor honden en katten met slechts één klik op onze website.\u003cbr\u003e\u003cbr\u003eOnze shampoos zijn speciaal ontwikkeld om huid- en vachtproblemen bij honden en katten te verlichten. Op onze website vindt u informatieve artikelen, hulpmiddelen en producten voor uw huisdier.\u003cbr\u003e\u003cbr\u003eBezoek onze online dierenapotheek voor al onze producten, waaronder shampoos en contactlensvloeistoffen.\u003cbr\u003e\u003cbr\u003eOnze producten zijn overal in het land verkrijgbaar bij dierenwinkels, dierenartspraktijken en supermarkten.\u003cbr\u003e\u003cbr\u003eVind snel wat je nodig hebt! Wij zijn er om je leven gemakkelijker te maken.\u003cbr\u003e\u003cbr\u003eProfessionele shampoo voor honden en katten, geschikt voor alle vachttypen, met een ruime keuze aan merken. De vacht van uw huisdier blijft langer gezonder, zachter en glanzender, waardoor borstelen en verzorgen een stuk makkelijker wordt!\u003cbr\u003e\u003cbr\u003eUw huisdier verdient het beste! Onze shampoo is door PETA beoordeeld als zeer effectief en diervriendelijk en zorgt ervoor dat de vacht van uw huisdier glanzend en zacht blijft.\u003cbr\u003e\u003cbr\u003eStap over op de beste huisdierenshampoo waar uw huisdier dol op zal zijn, terwijl u geniet van betere resultaten.\u003cbr\u003e\u003cbr\u003eOnze huisdierenshampoo lijkt misschien op andere merken shampoo in de supermarkt, maar u zult een significant verschil merken! Huisdieren die onze shampoo gebruiken, geven aan dat ze gelukkiger zijn!\u003cbr\u003e\u003cbr\u003eHuisdierbenodigdheden met korting van de beste merken - van shampoos tot speelgoed, halsbanden en verzorgingsproducten - speciaal voor jou!\u003cbr\u003e\u003cbr\u003eBij petdesign weten we wat het betekent om van huisdieren te houden. Daarom bieden we een ruime selectie hoogwaardig dierenvoer en speelgoed, verzorgingsproducten en accessoires aan. Uw huisdieren zullen u dankbaar zijn.\u003cbr\u003e\u003cbr\u003eBij petdesign streven we ernaar onze klanten een ruime keuze aan hoogwaardige producten voor honden en katten te bieden. Ons assortiment honden- en kattenshampoos is daarop geen uitzondering – we bieden betaalbare shampoos van de meest bekende merken in de huisdierenbranche. En alsof dat nog niet genoeg is, hebben we ook een collectie shampoos die een rijke hydraterende, verzorgende of reinigende werking hebben.\u003c\/p\u003e \u003cp\u003eUw huisdier verdient alleen het allerbeste, van kop tot staart. Daarom hebben we Special One ontwikkeld, een reeks innovatieve en effectieve producten waarmee u met liefde en passie voor uw huisdier kunt zorgen.\u003cbr\u003e\u003cbr\u003eDe passie van ons team drijft ons ertoe geliefde producten te creëren met een blijvende impact en uitzonderlijke kwaliteit.\u003cbr\u003e\u003cbr\u003eSpecial One is speciaal ontwikkeld voor uw huisdier en streeft ernaar elk dier een persoonlijke verzorgingservaring te bieden. De producten van Special One zijn samengesteld met hoogwaardige ingrediënten en voldoen aan alle Europese regelgeving inzake dierenwelzijn en -veiligheid.\u003cbr\u003e\u003cbr\u003eOntdek het meest innovatieve assortiment shampoos en conditioners voor uw huisdier. Van gevoelige huid tot glanzende vacht, onze producten maken elk moment dat u samen doorbrengt nog specialer!\u003cbr\u003e\u003cbr\u003eSpecial One is een Italiaans merk van milieuvriendelijke verzorgingsproducten dat dierenwelzijn vooropstelt. De shampoos zijn samengesteld met natuurlijke ingrediënten en biologisch afbreekbare reinigingsmiddelen, waardoor ze zacht zijn voor de huid van uw huisdier en milieuvriendelijk. Het merk biedt ook een gepersonaliseerde verzorgingservaring met verschillende formules die specifiek zijn ontworpen om aan de behoeften van honden en katten te voldoen.\u003cbr\u003e\u003cbr\u003eSpecial One is uw partner in het creëren van een persoonlijke verzorgingservaring voor elk huisdier. Ze bieden een op maat gemaakte verzorging voor elk dier. Elk product is gemaakt van 100% natuurlijke, biologisch afbreekbare ingrediënten en voldoet aan de strengste internationale normen.\u003cbr\u003e\u003cbr\u003eBij Special One gebruiken we altijd natuurlijke en biologisch afbreekbare ingrediënten in onze producten. Onze passie komt tot uiting in de kwaliteit van onze producten en onze toewijding aan innovatie.\u003cbr\u003e\u003cbr\u003eNiets is zo bevredigend als de mensen van wie we houden blij te maken. Daarom gebruiken we bij de verzorging van onze huisdieren alleen 100% natuurlijke producten en houden we hun behoeften altijd voorop.\u003cbr\u003e\u003cbr\u003eSpecial One is een shampoo met hoogwaardige ingrediënten en deskundige formules waarmee u de schoonheid en gezondheid van uw huisdier kunt behouden.\u003cbr\u003e\u003cbr\u003eDeze speciale shampoo voor dieren is een revolutionair product dat \u0026quot;ja\u0026quot; zegt tegen de natuur, \u0026quot;ja\u0026quot; tegen kwaliteit en \u0026quot;ja\u0026quot; tegen innovatie.\u003cbr\u003e\u003cbr\u003eHet is tijd om uw huisdier wat extra aandacht te geven – met een verzorgingservaring op maat voor elk dier. Special One heeft een innovatieve shampoo, conditioner en spray ontwikkeld, speciaal samengesteld voor katten en honden, met natuurlijke en biologisch afbreekbare ingrediënten.\u003cbr\u003e\u003cbr\u003eMensen verrijken hun leven door hun relatie met dieren. Special One is een reeks shampoos die zijn ontwikkeld om te voldoen aan de behoeften van specifieke diersoorten en deze emotionele band te versterken door middel van een verzorgingservaring op maat.\u003cbr\u003e\u003cbr\u003eBij Special One hebben we een passie voor dieren. Elk product, elk idee, elke beslissing wordt genomen met passie en innovatie. We zijn er trots op u hoogwaardige producten voor huisdierverzorging aan te bieden, gemaakt in Italië met duurzame ingrediënten.\u003cbr\u003e\u003cbr\u003eOnze passie is het bieden van oplossingen die u tijd en geld besparen en het leven gemakkelijker maken. Als u van uw huisdieren houdt, bieden wij natuurlijke en duurzame producten aan, gemaakt in Italië met een strenge selectie van hoogwaardige ingrediënten.\u003cbr\u003e\u003cbr\u003eSpecial One biedt dierenliefhebbers een innovatieve en persoonlijke verzorgingservaring met hoogwaardige ingrediënten. Special One is samengesteld met natuurlijke ingrediënten die biologisch afbreekbaar en veilig zijn voor uw huisdieren.\u003cbr\u003e\u003cbr\u003eAlle producten van Special One worden onderzocht en ontwikkeld met de nadruk op kwaliteit, innovatie en duurzame ontwikkeling.\u003cbr\u003e\u003cbr\u003eAl meer dan 25 jaar zet ons team zich met passie en innovatie in voor de ontwikkeling van producten die met het grootste respect voor de gezondheid van dieren en het milieu worden vervaardigd.\u003cbr\u003e\u003cbr\u003eHeb je ooit een dier ontmoet en was je hart meteen vertederd? Wij wel, en we willen dat jij die ervaring ook beleeft. Special One is ontwikkeld als een natuurlijk, veilig en effectief product voor de verzorging van huisdieren van alle soorten, maten en levensstijlen.\u003cbr\u003e\u003cbr\u003eSpecial One is een familiebedrijf opgericht door Emmy-winnende huisdierstyliste Emanuela Iannone, wiens missie het is om wassen en trimmen te combineren in één innovatieve ervaring.\u003cbr\u003e\u003cbr\u003eWij maken producten voor honden en katten met natuurlijke ingrediënten. Onze formules zijn gebaseerd op natuurlijke oliën van planten of dieren om elk type vacht en huid te verzorgen, waardoor we een verzorgingservaring op maat voor elk huisdier creëren.\u003c\/p\u003e","products":[{"product_id":"bain-pro-shampoing-doux-tous-pelages","title":"BAIN PRO, milde shampoo voor alle vachten","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003ePROFESSIONELE BADKAMER\u003c\/strong\u003e Special One is een sterk geconcentreerde professionele shampoo die de vacht verbetert door... \u003cstrong\u003ezo voorzichtig mogelijk, zonder ooit agressief te zijn.\u003c\/strong\u003e. Het onthult de beste versie van het haar – zonder volume of textuur te versterken – waardoor de ware aard van het haar tot uiting kan komen. Het is ook een \u003cstrong\u003eaanvullende natuurlijke parasietenbestrijding\u003c\/strong\u003e : De overvloedige schuimvorming en zure pH-waarde neutraliseren vlooien mechanisch, zonder chemische insecticiden. Eén shampoo, tientallen voordelen.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er veel baat bij hebben — het is een directe concurrent van de Aquarosa Pro (de meest voedzame). \u003cstrong\u003eBain Pro is de keuze voor absolute zachtheid.\u003c\/strong\u003e Voor alle vachttypen, van puppy tot senior.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eVerrijkt met een mix van \u003cstrong\u003eoppervlakteactieve stoffen van natuurlijke oorsprong\u003c\/strong\u003e Dankzij de hydraterende bestanddelen herstelt Bain Pro de glans en elasticiteit van het haar al vanaf het eerste gebruik. \u003cstrong\u003enatuurlijke antiparasitaire werking\u003c\/strong\u003e — door mechanische verstikking via het overvloedige schuim en een zure pH-waarde die de vlooien verzwakt — waardoor het een perfecte aanvullende wasbeurt is voor puppy's, kittens en gevoelige dieren. \u003cstrong\u003ezonder chemische insecticiden\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eGrens van zachtheid:\u003c\/strong\u003e Door de zeer milde formule is Bain Pro mogelijk niet voldoende als het dier erg vuil is. Begin in dat geval eerst met een reinigender shampoo. \u003cstrong\u003eAquapure Pro, Blue Sky Pro of Aquarosa Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniversele zachtheid: voor baby's, volwassenen en senioren.\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEen mild bad voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGrondige reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt, desinfecteert en geeft glans aan alle haartypes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 7c3 3 7 7 10 10M17 7C14 10 10 14 7 17\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-knoop\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVergroot nooit het natuurlijke volume — voorkomt dat knopen snel terugkeren na het baden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 8a4 4 0 0 1 4 4v2a4 4 0 0 1-8 0v-2a4 4 0 0 1 4-4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 4v4M9 6l-1.5-1.5M15 6l1.5-1.5M8 12H4M20 12h-4M8 16l-2 1.5M16 16l2 1.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eNatuurlijk middel tegen parasieten\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eNeutraliseert vlooien mechanisch door verstikking via schuim en een zure pH-waarde — zonder chemische insecticiden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinebescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVersterkt de natuurlijke afweer om de haarstructuur te beschermen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVette huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehandelt overtollig talg en behoudt tegelijkertijd de hydrolipidenfilm.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRegelmatig baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eZelfs bij intensief gebruik is er geen risico voor huid en haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 9h10l1.5 10H5.5zM9 9V7a3 3 0 0 1 6 0v2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eLood\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHelpt om zijdeachtig bont te verzwaren zonder het overdreven zwaar te maken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 8;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21V9\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 13C9 13 6 11 6 7c4 0 6 2 6 6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 11c0-3 2-5 6-5 0 4-3 5-6 5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGroei \u0026amp; concurrentie\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIdeaal voor het laten groeien van de vacht van showhonden, alle rassen inbegrepen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 9;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 7h16M6 7v11M10 7v11M14 7v11M18 7v11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eOntwarren \u0026amp; borstelen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet maakt het ontwarren makkelijker, zorgt voor een soepeler föhnproces en verkort de werktijd.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de acties van Bain Pro.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Plombant\", value: 4 }, { label: \"Texture\", value: 1 }, { label: \"Soin peau\", value: 5 }, { label: \"Brillance\", value: 5 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Actieve Bain Pro JS-MAPPING - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Bain Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eNatuurlijk verkregen oppervlakteactieve stoffen, hoogwaardige eiwitten en biobased actieve ingrediënten — \u003cstrong\u003eVrij van parabenen en siliconen.\u003c\/strong\u003e. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Bain Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'soie', label:'Protéines de Soie', latin:'Sericin \u0026 fibroïne', family:'cond',\n desc:\"Protéines gainantes à forte affinité kératinique : elles détendent le poil, lissent la cuticule et renforcent la fibre pour une brillance naturelle.\",\n targets: [\n { anchor:'cuticule', action:\"Lissage \u0026 gainage\", benefit:\"Lissent la cuticule et favorisent la brillance naturelle du poil.\" },\n { anchor:'tige_poil', action:\"Renfort de la fibre\", benefit:\"Renforcent la fibre capillaire et détendent le poil au brossage.\" }\n ]\n },\n {\n id:'lait', label:'Protéines de Lait', latin:'Protéines lactées', family:'cond',\n desc:\"Protéines nourrissantes qui revitalisent les poils ternes ou cassants et maintiennent la souplesse du manteau.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition \u0026 élasticité\", benefit:\"Nourrissent la fibre et redonnent élasticité aux poils ternes ou cassants.\" },\n { anchor:'cuticule', action:\"Souplesse du manteau\", benefit:\"Maintiennent la souplesse et le confort de toucher du pelage.\" }\n ]\n },\n {\n id:'lichen', label:'Lichen d’Islande', latin:'Cetraria islandica', family:'botanic',\n desc:\"Mousse montagnarde riche en polysaccharides et mucilages : propriétés antimicrobiennes, purifiantes et calmantes marquées, elle apaise les peaux déshydratées.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant \u0026 purifiant\", benefit:\"Apaise les peaux déshydratées, sensibles ou sujettes aux démangeaisons.\" },\n { anchor:'glande_seb', action:\"Équilibre microbien\", benefit:\"Favorise l’équilibre microbien naturel de la peau.\" }\n ]\n },\n {\n id:'levures', label:'Levures Hydrolysées', latin:'Ferments biosourcés', family:'bio',\n desc:\"Actifs biosourcés qui renforcent et illuminent le pelage tout en contribuant à restaurer une barrière cutanée saine.\",\n targets: [\n { anchor:'epiderme', action:\"Barrière cutanée\", benefit:\"Contribuent à restaurer une barrière cutanée saine et équilibrée.\" },\n { anchor:'tige_poil', action:\"Éclat du pelage\", benefit:\"Renforcent et illuminent le poil de l’intérieur.\" }\n ]\n },\n {\n id:'fucus', label:'Extrait de Fucus', latin:'Chêne marin (algue)', family:'aqua',\n desc:\"Algue riche en iode, polyphénols et vitamines : les polyphénols soutiennent la régénération cellulaire, l’iode active la circulation dans les racines du poil.\",\n targets: [\n { anchor:'follicule', action:\"Circulation \u0026 métabolisme\", benefit:\"L’iode active la circulation et le métabolisme à la racine du poil.\" },\n { anchor:'derme', action:\"Régénération cellulaire\", benefit:\"Les polyphénols soutiennent la régénération et la tonicité de la peau.\" }\n ]\n },\n {\n id:'piroctone', label:'Piroctone Olamine', latin:'Actif antifongique \u0026 antiparasitaire doux', family:'bio',\n desc:\"Actif anti-levures et antifongique naturel ; toxique pour les puces, il participe — avec le pH acide du bain — à l’action antiparasitaire naturelle du Bain Pro.\",\n targets: [\n { anchor:'epiderme', action:\"Antiparasitaire (pH acide)\", benefit:\"Avec le pH acide (~5), fragilise l’exosquelette des puces et facilite leur élimination, sans insecticide.\" },\n { anchor:'glande_seb', action:\"Séborégulation antifongique\", benefit:\"Régule les peaux grasses, réduit les mauvaises odeurs et assainit la flore cutanée.\" }\n ]\n },\n {\n id:'glycerine', label:'Glycérine Végétale', latin:'Glycérol végétal', family:'aqua',\n desc:\"Humectant doux qui hydrate poil et peau sans graisser, lisse la cuticule et favorise une brillance durable.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation sans graisser\", benefit:\"Capte et retient l’eau pour une peau et un poil souples.\" },\n { anchor:'cuticule', action:\"Brillance durable\", benefit:\"Lisse la cuticule et fixe une brillance qui dure.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEen portie shampoo\u003cbr\u003evoor 20 delen water\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eVoorzichtig wassen — alle soorten jassen, alle leeftijden\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHet basisprotocol, geschikt voor alle gangbare situaties.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEerste shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMaak de vacht goed nat.Breng Bain Pro verdund aan op \u003cstrong\u003e1\/20\u003c\/strong\u003e, Spoel vervolgens af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTweede shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEen aanvraag indienen \u003cstrong\u003etweede shampoo\u003c\/strong\u003e, Spoel vervolgens nogmaals af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaatste verzorging\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSluit af met de juiste conditioner: \u003cstrong\u003eHydraterende crème, Bombastic of Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMaak de verzorging af met \u003cstrong\u003eAbsolute 4Poodle, Mix Pink of Style 360\u003c\/strong\u003e indien nodig.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAnti-knoopprotocol \u0026amp; talgregulatie\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor honden die snel klitten ontwikkelen of huidproblemen hebben (talg, roos, geurtjes).\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin met het masker dat je aan het baden toevoegt. \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e om de werking van de shampoo voor te bereiden en te versterken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eToepassing zonder uitspoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng Bain Pro verdund aan in een verhouding van 1:20. \u003cstrong\u003ezonder het masker af te spoelen\u003c\/strong\u003e vooraf.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLegde \u0026amp; spoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eLaat het even inwerken, spoel het af en herhaal indien nodig.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAntiklit afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème + Aqua Dolce\u003c\/strong\u003e Voor een verzorgde vacht die de terugkeer van klitten vertraagt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eKies Bain Pro als u behoefte heeft aan…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituaties waarin Bain Pro het verschil maakt.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVoorzichtig wassen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eElke hond of kat, ongeacht leeftijd of vachttype.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHaar laten groeien\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eIdeaal voor showhonden van alle rassen (9e groep, terriers, 8e groep…).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eImplementeer een anti-knoopprotocol.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBij een hond die snel vertroebeld raakt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHet reguleren van talg\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOf het nu gaat om een ​​teveel of een tekort, roos of onaangename geurtjes - zonder de huid te irriteren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Bain Pro als kern + modulaire uitbreidingen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met Bain Pro.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen krachtigere reiniging is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBlue Sky Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste retouche is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Bombastic · Aqua Dolce (+ Hygro Fluid)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Roze · Stijl 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Bain Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle honden in de woonkamer \u003cspan\u003e(beperkt de terugkeer van knooppunten)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏆 Langharige showhonden \u0026amp; zoom \u003cspan\u003e(pony, toupet, baard)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriërs \u003cspan\u003e(Schots, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — absolute zachtheid voor alle vachten, van puppy tot senior.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 ml","offer_id":42903274225884,"sku":"WEX-BA250 (118)","price":21.9,"currency_code":"EUR","in_stock":true},{"title":"1L","offer_id":42903274258652,"sku":"WEX-BA1 016 (124)","price":42.2,"currency_code":"EUR","in_stock":true},{"title":"5 Liter","offer_id":42903274291420,"sku":"WEX-BA5 011 (135)","price":108.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/Design_sans_titre_-_2025-04-16T140126.314.png?v=1744811139"},{"product_id":"platynum-pro-shampoing-volume","title":"PLATINUM PRO, volume shampoo","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003ePLATINUM PRO\u003c\/strong\u003e is de Special One professionele shampoo waarvan de belangrijkste focus ligt op de \u003cstrong\u003eVOLUME\u003c\/strong\u003e. Ideaal voor shows en knipbeurten, het laat het volledige natuurlijke volume van de vacht zien. \u003cstrong\u003emaakt het permanent recht\u003c\/strong\u003e en bereidt het haar voor op een perfecte afwerking.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eDit product is voornamelijk bedoeld voor \u003cstrong\u003eprofessionals en eigenaren van wedstrijdhonden\u003c\/strong\u003e. De zoektocht naar volume en textuur impliceert een snellere terugkeer van de knooppunten: voor dagelijks gebruik zijn Bain Pro, Aquarosa Pro of 4Poodle geschikter.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eVerrijkt met \u003cstrong\u003eorganische mariene derivaten en actieve ingrediënten\u003c\/strong\u003e, Allantoïne, chitosan en cacaoboter: Platinum Pro combineert \u003cstrong\u003evolumegevende kracht en huidverzorging\u003c\/strong\u003e. Het laat natuurlijke kleuren stralen, herstructureert de vacht en bereidt het haar voor op een professionele knipbeurt met de schaar – met een langdurig resultaat na het föhnen.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eSpeciaal product:\u003c\/strong\u003e Het streven naar volume en textuur bevordert een snelle terugkeer van de knopen. Uitsluitend geschikt voor showdagen, tentoonstellingen of knipbeurten met de schaar – niet voor dagelijks onderhoud.\u003cbr\u003e\u003cspan style=\"font-size: 12px; color: #888; margin-top: 4px; display: block;\"\u003e❌ Voor dagelijks gebruik kunt u kiezen voor Bain Pro, Aquarosa Pro of 4Poodle in combinatie met een goede conditioner.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 3H5a2 2 0 0 0-2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3h3a2 2 0 0 1 2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21H5a2 2 0 0 1-2-2v-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 21h3a2 2 0 0 0 2-2v-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMaximaal volume\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eOnthult het volledige natuurlijke volume van de vacht — spectaculaire resultaten vanaf het eerste gebruik.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 8c2-3 4-3 6 0s4 3 6 0 4-3 4-3M4 14c2-3 4-3 6 0s4 3 6 0 4-3 4-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVersterkte textuur\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBevordert en versterkt de natuurlijke haarstructuur voor een professioneel resultaat.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4c0 4 10 4 10 8s-10 4-10 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSterke haarstraightening \u0026amp; duurzaam\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet maakt het haar na het föhnen sterk en permanent steil.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"6\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 8 L20 18 M8 16 L20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHoogwaardige schaarsnede\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBereidt de vacht voor op uitzonderlijke knipbeurten met de schaar op wedstrijd- en showdagen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van de Platinum Pro.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 1 }, { label: \"Démêlant\", value: 1 }, { label: \"Texture\", value: 4 }, { label: \"Volume\", value: 5 }, { label: \"Brillance\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Platinum Pro actieve JS-MAPPING - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Platinum Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eBiologische mariene derivaten en actieve ingrediënten gecombineerd met hoogwaardige ingrediënten — \u003cstrong\u003eVrij van parabenen en siliconen.\u003c\/strong\u003e. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Platinum Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'allantoine', label:'Allantoïne', latin:'Apaisant cutané', family:'bio',\n desc:\"Actif calmant et anti-irritant : il protège la barrière cutanée lors des soins intensifs et apaise les peaux sensibles, équilibrant la puissance volumatrice de la formule.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026 protection\", benefit:\"Calme les peaux sensibles et protège la barrière cutanée pendant le travail intensif.\" },\n { anchor:'film_hydro', action:\"Confort cutané\", benefit:\"Préserve le confort de surface malgré l’action texturisante du shampoing.\" }\n ]\n },\n {\n id:'cacao', label:'Beurre de Cacao', latin:'Theobroma cacao', family:'cond',\n desc:\"Beurre végétal qui illumine les poils et intensifie les couleurs naturelles : il apporte un fini satiné et de la profondeur au manteau.\",\n targets: [\n { anchor:'cuticule', action:\"Éclat \u0026 profondeur\", benefit:\"Lisse la cuticule pour intensifier les couleurs et donner un fini satiné.\" },\n { anchor:'tige_poil', action:\"Nutrition de la fibre\", benefit:\"Nourrit la fibre et apporte de la profondeur au manteau.\" }\n ]\n },\n {\n id:'chitosane', label:'Chitosane', latin:'Agent structurant marin', family:'aqua',\n desc:\"Polymère biosourcé d’origine marine : il nettoie, restructure et lustre les fourrures tout en apportant corps et volume durable à la fibre.\",\n targets: [\n { anchor:'tige_poil', action:\"Corps \u0026 volume durable\", benefit:\"Gaine la fibre d’un film structurant qui crée du corps et tient le volume.\" },\n { anchor:'cuticule', action:\"Structure \u0026 brillance\", benefit:\"Restructure et lustre la surface du poil pour une texture nette et brillante.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEen portie shampoo\u003cbr\u003evoor 20 delen water\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eBath-show — volume \u0026amp; schaar knippen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor wedstrijddagen, tentoonstellingen of kwalitatief hoogwaardig knipwerk.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereid je voor met \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e (mogelijk in combinatie met) \u003cstrong\u003eBombastisch\u003c\/strong\u003e) om te hydrateren en de werking van de shampoo te versterken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAanbrengen op het masker\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng verdunde Platinum Pro aan op \u003cstrong\u003e1\/20\u003c\/strong\u003e Breng het product direct aan op het masker, zonder af te spoelen. Spoel af en herhaal indien nodig.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaatste verzorging \u0026amp; neergelegd\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème, Bombastic of Aqua Dolce\u003c\/strong\u003e. Laat het staan \u003cstrong\u003eeen paar minuten\u003c\/strong\u003e voor het grondig afspoelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDrogen \u0026amp; afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDroog en borstel — het volume neemt toe en het steilmakende effect treedt in werking. Eindig met \u003cstrong\u003eAbsolute 4Poodle of Style 360\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eKies Platinum Pro als u het volgende nodig heeft…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituaties waarin de Platinum Pro echt het verschil maakt\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHoogwaardige schaarsnede\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoor een speciaal evenement — show, tentoonstelling, presentatie in de ring.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eOnthul het natuurlijke volume\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBont, met een sterke was- en reinigingskracht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVersterk de textuur\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHaar, voor een onberispelijk en gestructureerd visueel resultaat.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEen sterke en blijvende straightening\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eNa het föhnen, op krullend of golvend haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Platinum Pro in de kern + modulaire uitbreidingen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de Platinum Pro. Onze favoriete combinaties:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen tweede shampoo wordt aanbevolen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAquarosa Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio-energie \u0026amp; Bombastisch\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste retouche is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Stijl 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Platinum Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🧸 Dubbel haar \u0026amp; complexe vachten \u003cspan\u003e(primitieven, herders, waterhonden)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eSpectaculair volume en een perfecte rechtzetting — een lange en niet-uitputtende lijst, die we bewaren voor de showdagen.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819386724531,"sku":"WEX-PLA250 (32)","price":22.95,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819386658995,"sku":"WEX-PLA5 018 (40)","price":43.9,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819386691763,"sku":"WEX-PLA1 013 (48)","price":127.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/PlatiniumPro_7a208b5d-6d17-4767-a485-6689fba2be6c.png?v=1680257058"},{"product_id":"keratine-pro-shampoing-texture-epilation","title":"KERATINE PRO, textuurshampoo +++","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eKERATINE PRO\u003c\/strong\u003e is de shampoo \u003cstrong\u003etextuurverbeteraar en verharder\u003c\/strong\u003e Speciale Een, voor gebruik in \u003cstrong\u003ezeer specifieke situaties\u003c\/strong\u003e : Ontharing na het douchen, waardoor het natuurlijke volume van het haar wordt onthuld en de haarstructuur wordt verbeterd. Een precisieproduct – geen gewone shampoo. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eDit product is voornamelijk bedoeld voor \u003cstrong\u003eprofessionals en eigenaren van wedstrijdhonden\u003c\/strong\u003e. De zoektocht naar textuur en stevigheid impliceert dat de knopen sneller terugkeren: voor dagelijks gebruik zijn Bain Pro, Aquarosa Pro of 4Poodle wellicht geschikter.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eVerrijkt met \u003cstrong\u003egehydrolyseerde keratine, chitosan en rietsuikerextract\u003c\/strong\u003e, Keratin Pro voedt en herstructureert de haarvezel, terwijl het haar volume en grip krijgt. De formule \u003cstrong\u003egeen kleurstoffen\u003c\/strong\u003e Het vermijdt het klassieke verzachtende effect van shampoos: het haar blijft ruw, gestructureerd en klaar voor gebruik.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eSpeciaal product:\u003c\/strong\u003e De stimulerende werking van deze shampoo op het haar zorgt ervoor dat klitten snel terugkomen. Gebruik hem alleen op dagen dat je gaat harsen, voor tentoonstellingen of na een knipbeurt waarbij maximale textuur gewenst is – niet voor dagelijks gebruik.\u003cbr\u003e\u003cspan style=\"font-size: 12px; color: #888; margin-top: 4px; display: block;\"\u003e❌ Voor dagelijks gebruik kunt u kiezen voor Bain Pro, Aquarosa Pro of Aqua Terme.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2l7 4v6c0 4-3 7-7 8-4-1-7-4-7-8V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 7v8M9 10l3-3 3 3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVerharding \u0026amp; textuur\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerstevigt, geeft textuur en bereidt het haar voor op het ontharen na het douchen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 11V6a1.5 1.5 0 0 1 3 0M8 10V4.5a1.5 1.5 0 0 1 3 0V10M11 10V5.5a1.5 1.5 0 0 1 3 0V11M14 11V7a1.5 1.5 0 0 1 3 0v6a6 6 0 0 1-6 6h-1a6 6 0 0 1-5-3l-2-3.5a1.6 1.6 0 0 1 2.7-1.6L5 13\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGeitenhaar aanraken\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eOptimaliseert het ruwe gevoel en de grip, ideaal voor ontharen met de hand of met een mes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 3H5a2 2 0 0 0-2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3h3a2 2 0 0 1 2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21H5a2 2 0 0 1-2-2v-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 21h3a2 2 0 0 0 2-2v-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eNatuurlijk volume onthuld\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBrengt het natuurlijke volume van de vacht weer tot leven met een krachtige was- en reinigingswerking.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGrondige reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en desinfecteert grondig — ideaal voor de vette huid van terriërs.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eExfoliatie \u0026amp; vernieuwing\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eSuikerrietextract exfolieert, bestrijdt onzuiverheden (mee-eters) en bevordert celvernieuwing.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van Keratin Pro.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Texture\", value: 5 }, { label: \"Volume\", value: 4 }, { label: \"Démêlant\", value: 1 }, { label: \"Hydratation\", value: 1 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (MAPPING JS active Keratin Pro - betrouwbaar) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Keratin Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eFormule \u003cstrong\u003egeen kleurstoffen\u003c\/strong\u003e — De bewuste keuze om elk verzachtend effect te vermijden om de haarstructuur en grip te maximaliseren. Vrij van parabenen en siliconen. Hieronder wordt per onderdeel uitgelegd hoe elk actief ingrediënt op de huid en het haar werkt.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Kératine Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'keratine', label:'Kératine Hydrolysée', latin:'Protéine de structure', family:'cond',\n desc:\"Protéine de structure du poil : elle nourrit et restructure la fibre en profondeur, renforce la kératine naturelle et restitue corps et texture.\",\n targets: [\n { anchor:'tige_poil', action:\"Restructuration\", benefit:\"Renforce la kératine naturelle de la fibre et lui rend du corps.\" },\n { anchor:'cuticule', action:\"Texture \u0026 accroche\", benefit:\"Crée une surface texturée et rêche, propice à l’accroche du poil.\" }\n ]\n },\n {\n id:'chitosane', label:'Chitosane', latin:'Agent structurant marin', family:'aqua',\n desc:\"Polymère biosourcé structurant : il assainit en profondeur les peaux grasses, particulièrement efficace sur les Terriers et les races à épiler.\",\n targets: [\n { anchor:'tige_poil', action:\"Corps \u0026 structure\", benefit:\"Gaine la fibre d’un film structurant qui crée du corps et de la tenue.\" },\n { anchor:'glande_seb', action:\"Assainissement\", benefit:\"Assainit en profondeur les peaux grasses des races à épiler.\" }\n ]\n },\n {\n id:'sucrecanne', label:'Extrait de Sucre de Canne', latin:'Source d’AHA naturels', family:'bio',\n desc:\"Exfoliant naturel : il agit contre les impuretés et les points noirs, et favorise le renouvellement cellulaire de la peau.\",\n targets: [\n { anchor:'epiderme', action:\"Exfoliation douce\", benefit:\"Élimine impuretés et points noirs, et active le renouvellement cellulaire.\" },\n { anchor:'glande_sud', action:\"Purification\", benefit:\"Aide à purifier les pores et la surface cutanée.\" }\n ]\n },\n {\n id:'saccharine', label:'Sodium Saccharine', latin:'Raviveur de couleur', family:'bio',\n desc:\"Raviveur de couleur et réparateur rapide : il restitue l’éclat naturel du pelage tout en participant à la restructuration de la fibre.\",\n targets: [\n { anchor:'tige_poil', action:\"Réparation rapide\", benefit:\"Participe à la restructuration et au renfort de la fibre.\" },\n { anchor:'cuticule', action:\"Éclat ravivé\", benefit:\"Restitue l’éclat naturel du pelage.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEen portie shampoo\u003cbr\u003evoor 20 delen water\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eOntharen na het baden — haak \u0026amp; maximale textuur\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eOm het haar voor te bereiden op handmatig of mesontharing na het douchen.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker vóór het baden (optioneel)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZorg indien nodig voor een mondkapje. \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e Om de huid te hydrateren vóór het werk.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSollicitatie\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng Keratin Pro verdund aan op \u003cstrong\u003e1\/20\u003c\/strong\u003e Aanbrengen op nat haar. Inmasseren en even laten inwerken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel het haar uit en herhaal de wasbeurt indien nodig.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eResultaat\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDroog: het haar is \u003cstrong\u003eruw, gestructureerd, met optimale grip\u003c\/strong\u003e — ideaal voor ontharen met de hand of met een mes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv style=\"margin-top: 12px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; padding: 10px 14px; font-size: 12px; line-height: 1.5;\"\u003e💡 Als je wax gebruikt \u003cstrong\u003eVoor\u003c\/strong\u003e Kies voor het bad in plaats daarvan \u003cstrong\u003eAqua Terme, Bain Pro of Aquapure Pro\u003c\/strong\u003e voor de volgende wasbeurt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eKies Keratin Pro als u behoefte heeft aan…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituaties waarin Keratin Pro het verschil maakt\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eOntharen na het douchen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDe grip en textuur van het haar zijn optimaal.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eOnthul het natuurlijke volume\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBont, met een sterke was- en reinigingskracht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVersterk de textuur\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoor tentoonstellings- of presentatiedagen in de ring.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eWerken met een vette huid\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eTerriërs of rassen waarbij ontharing, dieptereiniging en huiddesinfectie nodig zijn.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eHet ultieme Terrier-protocol: textuur, elasticiteit. \u0026amp; Ontharen zonder de huid te drogen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eEen beknopt protocol in één stap, universeel toepasbaar op alle terriërs.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMeng gelijke delen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMengen \u003cstrong\u003egelijke delen: Super Keeper + Bio Energy Plus + Keratin Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSollicitatie\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWrijf het mengsel tot een schuim, breng het aan op nat haar en masseer het goed in.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpoelen \u0026amp; resultaat\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel het haar uit. \u003cstrong\u003egetextureerd en gehard\u003c\/strong\u003e voor ontharing, de\u003cstrong\u003eelasticiteit behouden\u003c\/strong\u003e dankzij Bio Energy, en de jas \u003cstrong\u003eniet gedroogd\u003c\/strong\u003e Met dank aan Super Keeper — alles in één app.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv style=\"margin-top: 12px; background: #f0fff4; border-left: 3px solid #2ecc71; border-radius: 8px; padding: 10px 14px; font-size: 12px; line-height: 1.5;\"\u003e✨ \u003cstrong\u003eEen absolute aanrader voor alle terriërs.\u003c\/strong\u003e — Dit 3-in-1 protocol is een echte gamechanger voor iedereen die regelmatig aan ontharing doet.\u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Keratin Pro in de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met Keratin Pro. Onze favoriete combinaties:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen tweede shampoo wordt aanbevolen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Terme · Aquapure Pro · Bain Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eTextuurverbeterende additieven zijn gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHygrovloeistof \u0026amp; Super Keeper\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Roze · Stijl 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Keratin Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Alle terriërs \u0026amp; rassen om te plukken \u003cspan\u003e(textuur, grip, vette huid)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten zonder structuur \u003cspan\u003e(Grijze en rode poedels — alleen voor de show)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — een precisie-instrument voor ontharing en het creëren van textuur, gereserveerd voor werkdagen.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819386757299,"sku":"WEX-KE1 017 (64)","price":42.2,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819386790067,"sku":"WEX-KE5 012 (67)","price":113.3,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819386822835,"sku":"WEX-KE250 (60)","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/KeratinePro_57353a58-9c04-4f9a-baac-16b63418870a.png?v=1680254149"},{"product_id":"skincare-pro-shampoing-soin-traitant","title":"SKINCARE pro, behandelingsshampoo","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eHUIDVERZORGINGSPROFESSIONAL\u003c\/strong\u003e is de huidreinigende shampoo \u003cstrong\u003eolieachtig\u003c\/strong\u003e Special One, samengesteld voor \u003cstrong\u003eprobleem- of gevoelige huid\u003c\/strong\u003e. Het herstelt het evenwicht van de huid en het haar, herstelt de natuurlijke talgproductie en zorgt bij regelmatig gebruik voor een gezonde huid. \u003cstrong\u003enatuurlijke beschermende barrière\u003c\/strong\u003e tegen parasitaire aanvallen. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn gading in vinden. \u003cstrong\u003ebijzonder waardevol voor dieren die lijden aan chronische of terugkerende huidproblemen.\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eZijn \u003cstrong\u003eolieachtige samenstelling\u003c\/strong\u003e Het biedt een diepgaande verzorgende werking zonder het haar te beschadigen. Het werkt niet als een gewone reinigende shampoo, maar als een... \u003cstrong\u003eEchte, zachte huidverzorging\u003c\/strong\u003e Dit herstelt, beschermt en brengt de huid op de lange termijn weer in balans.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eSchuimlimiet:\u003c\/strong\u003e Skincare Pro schuimt niet veel en dringt moeilijk door in dichte of dikke vacht. Overweeg in die gevallen een product te gebruiken dat beter bij uw behoeften past. \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eWerking tegen huidafwijkingen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet werkt tegen de belangrijkste huidaandoeningen: atopie, dermatitis en epidermale onevenwichtigheden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-jeuk\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVermindert en verlicht jeuk en huidirritaties.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAntiroosmiddel\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReguleert afschilfering en vermindert schilfers aanzienlijk.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDiepe hydratatie\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHydrateert intensief een droge of beschadigde vacht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVette huid \u0026amp; geuren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHelpt bij een vette, onaangenaam ruikende huid door de natuurlijke talgproductie te herstellen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBeschermende barrière\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBij regelmatig gebruik vormt het een natuurlijke beschermende barrière tegen parasitaire aanvallen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniverseel \u0026amp; zacht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van huidverzorgingsprofessionals.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Soin peau\", value: 5 }, { label: \"Volume\", value: 1 }, { label: \"Moussant\", value: 1 }, { label: \"Texture\", value: 3 }, { label: \"Hydratation\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (MAPPING JS active Skincare Pro - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Skincare Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen olieachtige formule met \u003cstrong\u003e91% van de ingrediënten is van natuurlijke oorsprong.\u003c\/strong\u003e — zonder SLES, zonder SLS, zonder parabenen, zonder siliconen. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Skincare Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'huiles', label:'Complexe d’Huiles Naturelles', latin:'Olive · Maïs · Amande douce · Avocat · Coco', family:'cond',\n desc:\"Base lavante huileuse nourrissante : ces huiles apaisent et hydratent la peau sèche ou atopique sans altérer le film hydrolipidique.\",\n targets: [\n { anchor:'film_hydro', action:\"Nutrition lipidique\", benefit:\"Nourrit et reconstitue le film hydrolipidique sans le décaper.\" },\n { anchor:'epiderme', action:\"Apaisement des peaux sèches\", benefit:\"Hydrate et apaise les peaux sèches ou atopiques en profondeur.\" }\n ]\n },\n {\n id:'propolis', label:'Propolis', latin:'« L’antibiotique naturel »', family:'botanic',\n desc:\"Résine d’abeille aux propriétés antimicrobiennes et anti-inflammatoires : soulage les démangeaisons et protège la peau des infections.\",\n targets: [\n { anchor:'epiderme', action:\"Anti-inflammatoire\", benefit:\"Soulage les démangeaisons et combat les impuretés cutanées.\" },\n { anchor:'glande_seb', action:\"Protection antimicrobienne\", benefit:\"Protège la peau des infections au niveau du film cutané.\" }\n ]\n },\n {\n id:'fucus', label:'Algue Fucus Vesiculosus', latin:'Chêne marin', family:'aqua',\n desc:\"Algue nourrissante et hydratante : maintient la peau souple et hydratée tout en renforçant ses défenses physiologiques.\",\n targets: [\n { anchor:'derme', action:\"Renfort des défenses\", benefit:\"Renforce les défenses physiologiques cutanées en profondeur.\" },\n { anchor:'film_hydro', action:\"Hydratation durable\", benefit:\"Maintient la peau souple et hydratée.\" }\n ]\n },\n {\n id:'levures', label:'Levures (Saccharomyces)', latin:'Source de vitamines B', family:'bio',\n desc:\"Riches en vitamines B : elles renforcent et illuminent le pelage et contribuent à restaurer une barrière cutanée saine.\",\n targets: [\n { anchor:'epiderme', action:\"Barrière cutanée\", benefit:\"Contribuent à restaurer une barrière cutanée saine et équilibrée.\" },\n { anchor:'tige_poil', action:\"Éclat du pelage\", benefit:\"Renforcent et illuminent le poil de l’intérieur.\" }\n ]\n },\n {\n id:'passion', label:'Fruit de la Passion', latin:'Passiflora edulis', family:'botanic',\n desc:\"Extrait aux propriétés anti-inflammatoires et lénifiantes : il apaise les peaux irritées ou enflammées et renforce les défenses physiologiques.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant \u0026 lénifiant\", benefit:\"Apaise les peaux irritées ou enflammées.\" },\n { anchor:'derme', action:\"Renfort physiologique\", benefit:\"Renforce les défenses naturelles de la peau.\" }\n ]\n },\n {\n id:'citron', label:'Jus de Citron', latin:'Citrus limon', family:'bio',\n desc:\"Antimicrobien et antioxydant naturel : il réduit les mauvaises odeurs et aide à prévenir les infections cutanées.\",\n targets: [\n { anchor:'glande_sud', action:\"Action déodorante\", benefit:\"Réduit les mauvaises odeurs liées aux déséquilibres cutanés.\" },\n { anchor:'epiderme', action:\"Prévention des infections\", benefit:\"Aide à prévenir les infections grâce à son action antimicrobienne.\" }\n ]\n },\n {\n id:'mangue', label:'Extrait de Mangue', latin:'Mangifera indica', family:'aqua',\n desc:\"Riche en vitamines et antioxydants : il nourrit et protège la peau des agressions extérieures.\",\n targets: [\n { anchor:'epiderme', action:\"Protection antioxydante\", benefit:\"Protège la peau des agressions extérieures et du stress oxydatif.\" },\n { anchor:'tige_poil', action:\"Nutrition\", benefit:\"Nourrit la fibre et soutient sa vitalité.\" }\n ]\n },\n {\n id:'hydroxy', label:'Hydroxy-Acides de Fruits', latin:'AHA végétaux', family:'cond',\n desc:\"Acides de fruits qui exfolient délicatement les cellules mortes et favorisent la pénétration des actifs réparateurs.\",\n targets: [\n { anchor:'epiderme', action:\"Exfoliation douce\", benefit:\"Éliminent délicatement les cellules mortes et les squames.\" },\n { anchor:'film_hydro', action:\"Pénétration des actifs\", benefit:\"Facilitent l’hydratation profonde et la pénétration des actifs réparateurs.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003ePuur of tot 1\/20\u003cbr\u003eafhankelijk van de ernst van het probleem\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdiv style=\"margin-bottom: 12px; padding: 12px 16px; background: #fff3cd; border-left: 3px solid #e67e22; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e❗️ Altijd toepassen \u003cstrong\u003edirect na het Bio Energy Plus masker\u003c\/strong\u003e, Tussentijds spoelen is niet nodig — laat Bio Energy Plus zijn werk doen. \u003cstrong\u003eminstens 20 minuten\u003c\/strong\u003e, ideaal te combineren met \u003cstrong\u003eHygrovloeistof\u003c\/strong\u003e. \u003cstrong\u003eTwee shampoos\u003c\/strong\u003e aanbevolen voor elk bad.\u003c\/div\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eBehandelingsprotocol — start van de behandeling\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eAan het begin van de behandeling, voor een huid met een uitgesproken onevenwichtigheid.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerlengd masker voor gebruik vóór het zwemmen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eToepassen \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e Op droog haar aanbrengen. Niet laten inwerken. \u003cstrong\u003eminimaal 20 minuten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eToepassing zonder uitspoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng Skincare Pro aan zonder het masker af te spoelen. \u003cstrong\u003epuur of licht verdund\u003c\/strong\u003e. Masseer zachtjes en spoel vervolgens af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTweede shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWas het haar een tweede keer met shampoo en spoel het daarna grondig uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHerstellende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème en\/of gezichtsreiniger\u003c\/strong\u003e. \u003cstrong\u003eFrequentie:\u003c\/strong\u003e Twee keer per week aan het begin van de behandeling, daarna de frequentie aanpassen aan de ontwikkeling van de huid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eOnderhoudsprotocol — regelmatige controle\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZodra de huid gestabiliseerd is, om het huidevenwicht te behouden.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereid je voor met \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e (20 minuten blootstellingstijd), eventueel alleen als Hygro Fluid niet nodig is.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDubbele shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng Skincare Pro verdund aan op \u003cstrong\u003e1\/20\u003c\/strong\u003e Laat het masker intrekken zonder het uit te spoelen. Was je haar twee keer met shampoo en spoel het daarna uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBeschermende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e om de hydrolipide barrière te behouden. Regelmatig gebruik versterkt deze barrière geleidelijk. \u003cstrong\u003enatuurlijke beschermende barrière\u003c\/strong\u003e van de jas.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Huidverzorgingsprofessional in de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met Skincare Pro. Onze favoriete combinaties:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen duikmasker is verplicht (essentieel) voordat je gaat zwemmen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste retouche is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème en\/of gezichtsreiniger\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe vacht is dicht of dik...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Terme Pro (betere penetratie)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Skincare Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🩹 Honden met huidafwijkingen \u003cspan\u003e(atopie, dermatitis, irritaties, jeuk)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriërs \u003cspan\u003e(Schots, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — milde dermatologische verzorging voor probleemhuid.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +91% | Vrij van SLES, SLS, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 liter","offer_id":37819388330163,"sku":"WEX-SK1 015 (66)","price":63.9,"currency_code":"EUR","in_stock":true},{"title":"5 Liter","offer_id":37819388362931,"sku":"WEX-SK5 010 (68)","price":194.0,"currency_code":"EUR","in_stock":true},{"title":"250 ml","offer_id":37819388395699,"sku":"WEX-SK250 (62)","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Skincare.png?v=1680254223"},{"product_id":"bio-energy-plus-masque-pre-bain","title":"BIO ENERGY PLUS, pre-bad masker met groene kaviaar","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eBIO-ENERGIE PLUS\u003c\/strong\u003e Dit is het ultrageconcentreerde, dubbelwerkende pre-badmasker van Special One. \u003cstrong\u003e\u0026quot;Schoonheid\u0026quot; en \u0026quot;Gezondheid\u0026quot;\u003c\/strong\u003e. Het werkt direct op droge, vuile en klittende vacht – zelfs vóór het wassen met shampoo. Als essentieel onderdeel van het Special One hydratatieprogramma transformeert het de vachtverzorging en levert het al vanaf het eerste gebruik merkbare resultaten. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIedereen zal het interessant vinden, ook mensen die nog nooit een pre-badmasker hebben gebruikt en die een innovatie ontdekken die hun verzorgingsroutine zal veranderen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- RADARBLOK: COSMETOLOGISCH DIAGRAM --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eBio Energy Plus cosmetisch diagram\u003c\/span\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Hydratation\", value: 5 },\n { label: \"Soin peau\", value: 5 },\n { label: \"Démêlant\", value: 3 },\n { label: \"Brillance\", value: 4 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDe ultratechnologische samenstelling zorgt direct voor een aanzienlijke verlichting van de symptomen bij dieren in hun vacht en huid. \u003cstrong\u003eHet wordt aangebracht op droog, vuil en ontward haar – zonder uitspoelen vóór het wassen met shampoo.\u003c\/strong\u003e Deze extra stap, vergeleken met de klassieke badcyclus, is echter wel de stap waarvan de kwaliteit van het eindresultaat sterk afhangt.\u003c\/p\u003e \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDubbele werking schoonheid \u0026amp; Gezondheid :\u003c\/strong\u003e Verbetert de textuur en verzorgt tegelijkertijd de huid en vacht intensief.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eIntensieve hydratatie:\u003c\/strong\u003e Het hydrateert, verzorgt, behandelt en herstelt vacht en huid vanaf de eerste toepassing.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLaat de kleuren herleven:\u003c\/strong\u003e Stimuleert de melanineproductie — de natuurlijke vachtkleur wordt intenser en dieper.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHuidmicrocirculatie:\u003c\/strong\u003e Activeert de bloedsomloop in de haarwortels, wat de haargroei en vachtvernieuwing bevordert.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatie :\u003c\/strong\u003e Helpt bij het herstellen van beschadigde, verzwakte of overbelaste vachten.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVoorbereiding voor het snijden:\u003c\/strong\u003e Ideaal voor het voorbereiden van bont vóór een knipbeurt of salonbehandeling.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-vervelling \u0026amp; ontwarren:\u003c\/strong\u003e Vergemakkelijkt het verwijderen van dode haren en helpt haaruitval te voorkomen of te versnellen.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniverseel:\u003c\/strong\u003e Geschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen ultratechnologische formule die actieve ingrediënten uit de zee, planten en structuurgevende bestanddelen combineert — zonder parabenen en siliconen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Gehydrolyseerd collageen\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eOntstekingsremmende werking — versterkt de interne structuur van het haar en verbetert de elasticiteit van de haarvezel.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Groene kaviaar (Caulerpa Lentillifera)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eAnti-veroudering Japans zeewier: rijk aan mineralen (ijzer, calcium, zink, kalium) en vitamine A. \u0026amp; Vitamine C en aminozuren. Stimuleert de aanmaak van collageen en elastine.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Spirulina\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eEen krachtige antioxidant die beschadigde vachten weer vitaliteit en glans geeft.Vermindert talgproductie, bestrijdt roos, voorkomt haaruitval en bevordert haargroei.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Fucus (Zee-eik)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eRijk aan jodium, polyfenolen en vitaminen. Polyfenolen bevorderen celregeneratie; jodium activeert de stofwisseling en verbetert de doorbloeding in de haarwortels.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Laminaria\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatuurlijke detox dankzij alginezuur — vormt bij contact met water een gel die schadelijke stoffen absorbeert en verwijdert.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 10px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 \u003cstrong\u003eAls voorbehandeling vóór het wassen: aanbrengen op droog, vuil en ontward haar.\u003c\/strong\u003e Niet uitspoelen vóór het wassen met shampoo – dit is het basisprincipe van het pre-badmasker. \u003c\/div\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #fff8e1; border-left: 3px solid #f0a500; font-size: 13px;\"\u003e ⚠️ Niet langer dan \u003cstrong\u003e30 minuten\u003c\/strong\u003e. Spoel het product niet uit voordat u uw haar wast. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 1 🔥 Schoonheidsdoel: een stralende huid en een mooie textuur. \u0026amp; kleuren\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e 1. Verdun Bio Energy Plus tot \u003cstrong\u003e1\/20\u003c\/strong\u003e.\u003cbr\u003e 2. Aanbrengen op droge, vuile, ongekamde vacht – zorg ervoor dat de hele vacht goed bedekt is.\u003cbr\u003e 3. Laat het staan \u003cstrong\u003e5 tot 30 minuten\u003c\/strong\u003e afhankelijk van de gewenste intensiteit.\u003cbr\u003e 4. Ga direct over tot het wassen van het haar. \u003cstrong\u003eniet naspoelen\u003c\/strong\u003e vooraf.\u003cbr\u003e Resultaat: verbeterde textuur, herleefde kleuren en een vernieuwde glans zodra je uit bad stapt. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Gezondheidsdoel — Huid \u0026amp; beschadigd bont\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Voor een gevoelige of geïrriteerde huid, of een zeer beschadigde vacht:\u003cbr\u003e 1. Breng het product aan \u003cstrong\u003epuur op de meest kritieke gebieden\u003c\/strong\u003e (droge, geïrriteerde plekken, broos haar).\u003cbr\u003e 2. Verdunnen tot \u003cstrong\u003e1\/15\u003c\/strong\u003e voor toepassing op de rest van de jas.\u003cbr\u003e 3. \u003cstrong\u003eBedek het dier met een handdoek.\u003c\/strong\u003e en laat het staan \u003cstrong\u003e20 tot 30 minuten\u003c\/strong\u003e voor maximale opname van de herstellende actieve ingrediënten.\u003cbr\u003e 4. Begin direct met het wassen van het haar zonder vooraf uit te spoelen — de eerste shampoo wordt rechtstreeks op het product aangebracht.\u003cbr\u003e\u003cbr\u003e \u003cdiv style=\"background: #f0f7ff; border-left: 3px solid #4a90d9; padding: 10px 12px; font-size: 12px;\"\u003e 💧 \u003cstrong\u003eBij aanhoudende huidafwijkingen:\u003c\/strong\u003e Het wordt aanbevolen om de volgende wasbeurt met shampoo uit te voeren. \u003cstrong\u003eHuidverzorgingsprofessional\u003c\/strong\u003e om de therapeutische werking van het masker te versterken. \u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Doel: Ontwarren \u0026amp; Anti-vervelling\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Om haaruitval te behandelen, te versnellen of te voorkomen, en om het ontwarren te vergemakkelijken:\u003cbr\u003e 1. Verdunnen tot \u003cstrong\u003e1\/20\u003c\/strong\u003e, Voeg vervolgens een conditionercrème en een vettig product uit de lijn toe (4 Elements Oils of Aqua Dolce).\u003cbr\u003e 2. Aanbrengen op droog haar. \u003cstrong\u003eGebruik je gebruikelijke verzorgingsproducten.\u003c\/strong\u003e (borstel, kam) — het product helpt bij het verwijderen van dode haren en het voorzichtig ontwarren.\u003cbr\u003e 3.Na ongeveer tien minuten kunt u direct beginnen met het wassen van uw haar met shampoo. \u003cstrong\u003eniet naspoelen\u003c\/strong\u003e. \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #f6f6f6; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ BOOSTERVERENIGINGEN:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e Voor optimale effectiviteit mengt u Bio Energy Plus met een of meer van de volgende ingrediënten. \u003cstrong\u003eop olie gebaseerde integratoren\u003c\/strong\u003e :\u003cbr\u003e ✨ \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e en\/of \u003cstrong\u003e4 Element Oliën\u003c\/strong\u003e en\/of \u003cstrong\u003eBombastisch\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e Het bad wordt vervolgens verlengd met een shampoo, masker en conditioner naar keuze uit het Special One assortiment. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eCompatibel met het gehele Special One-assortiment stroomafwaarts. Bio Energy Plus is de \u003cstrong\u003eeerste stap\u003c\/strong\u003e — de rest van het badprotocol volgt daarna.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle katten — vooral voor het ontvetten zonder de huid te beschadigen.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle honden in de trimsalon — om te voorkomen dat er snel weer klitten ontstaan.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Rassen met krullende vacht: Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington…\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Cocker Spaniels (Amerikaanse, Engelse)\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tibetaanse rassen: Shih Tzu, Lhasa Apso, Tibetaanse Terriër…\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Engelse dwergspaniëls (Cavalier en King Charles)\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lange, zijdeachtige vachten: Yorkshire, Afghaan…\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Terriërs: Schotse terriërs, Westies, Welsh terriers… — een lange en niet complete lijst!\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819388494003,"sku":"WEX-BIO250 (100)","price":23.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819388428467,"sku":"WEX-BIO1 02 (106)","price":46.3,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819388461235,"sku":"WEX-BIO5 01 (99)","price":142.8,"currency_code":"EUR","in_stock":true},{"title":"10 Litres","offer_id":37819388526771,"sku":"WEX-KE10000 (251)","price":249.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/bioEnergyPlus.png?v=1680247667"},{"product_id":"aquarosa-passion-special-one","title":"Aquarosa PASSIE Pro * Glitter *","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUAROSA PASSIE\u003c\/strong\u003e Het is gemaakt voor echte liefhebbers. \u003cstrong\u003e95% identiek aan de Aquarosa Pro\u003c\/strong\u003e — dezelfde multivitamineformule, dezelfde effectiviteit — met het extra voordeel van \u003cstrong\u003erijke en zijdezachte, romige textuur\u003c\/strong\u003e, een delicate en omhullende geur, en \u003cstrong\u003eglitter\u003c\/strong\u003e Om een ​​vleugje magie toe te voegen aan je verzorgingsroutine.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er echt baat bij hebben — van professionele trimsalons tot particulieren die dat willen. \u003cstrong\u003eGeef je huisdier een stijlvolle upgrade.\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"3\" cy=\"7\" cx=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle r=\"2\" cy=\"11\" cx=\"17\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAquarosa Passion deelt de samenstelling van de\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — Special One shampoo, speciaal ontwikkeld voor vachten die dringend voeding nodig hebben: intense hydratatie en voeding, ingebouwde conditioner, natuurlijke actieve ingrediënten. Het verschil? Een onderscheidende kleur, een \u003cstrong\u003eomhullende kenmerkende geur\u003c\/strong\u003e En \u003cstrong\u003eGlitter die je verzorging uniek maakt\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRustgevend bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGrondige reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt, desinfecteert en geeft glans aan alle haartypes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDirecte voeding\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eActieve hydraterende en voedende werking, zichtbaar vanaf de eerste wasbeurt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 7c3 3 7 7 10 10M17 7C14 10 10 14 7 17\"\u003e\u003c\/path\u003e\u003ccircle r=\"2.4\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-knoop\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMaakt het ontwarren en borstelen gemakkelijker en beperkt de kans op terugkerende knopen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinebescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVersterkt de natuurlijke afweer om de haarstructuur te beschermen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 5;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRegelmatig baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eZelfs bij intensief gebruik is er geen risico voor huid en haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 6;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eParelmoer parel \u0026amp; glitter\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eParelmoerachtige textuur met iriserende en neonkleurige reflecties: een multisensorisch spa-ritueel, omhullende geur en een uniek lichtgevend effect.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDe acties van Aquarosa Passion beter begrijpen.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 3 }, { label: \"Démêlant\", value: 3 }, { label: \"Texture\", value: 1 }, { label: \"Volume\", value: 3 }, { label: \"Soin peau\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Aquarosa Passion actieve JS-MAPPING - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Aquarosa Passion: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eAquarosa Passion deelt de natuurlijke multivitaminesamenstelling van\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — zonder SLES, zonder DEA, zonder parabenen. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aquarosa Passion\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'rose', label:'Extraits de Rose Sauvage \u0026 Mauve', latin:'Rosa canina \u0026 Malva', family:'botanic',\n desc:\"Extraits floraux riches en antioxydants, anti-inflammatoires, provitamine A et acides gras insaturés : ils nourrissent la fibre et apaisent la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition antioxydante\", benefit:\"Nourrissent la fibre et la protègent du stress oxydatif.\" },\n { anchor:'epiderme', action:\"Apaisement\", benefit:\"Apaisent la peau grâce à leurs propriétés anti-inflammatoires.\" }\n ]\n },\n {\n id:'flavo', label:'Flavonoïdes \u0026 Vitamine C', latin:'Antioxydants végétaux', family:'bio',\n desc:\"Stimulent la synthèse de collagène et luttent contre le vieillissement cellulaire : éclat et vitalité du manteau.\",\n targets: [\n { anchor:'derme', action:\"Synthèse de collagène\", benefit:\"Stimulent le collagène et soutiennent la fermeté de la peau.\" },\n { anchor:'tige_poil', action:\"Éclat \u0026 vitalité\", benefit:\"Luttent contre le vieillissement cellulaire pour un poil éclatant.\" }\n ]\n },\n {\n id:'chlorella', label:'Chlorella', latin:'Algue verte', family:'aqua',\n desc:\"Algue détoxifiante : elle hydrate en profondeur tout en purifiant la peau et le poil.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation profonde\", benefit:\"Apporte une hydratation durable à la surface cutanée.\" },\n { anchor:'epiderme', action:\"Détoxification\", benefit:\"Purifie et détoxifie la peau et le poil.\" }\n ]\n },\n {\n id:'eaudemer', label:'Eau de Mer', latin:'Oligo-éléments marins', family:'aqua',\n desc:\"Hautement purifiante, elle apporte minéraux et oligo-éléments essentiels qui rééquilibrent et renforcent la peau.\",\n targets: [\n { anchor:'epiderme', action:\"Purification\", benefit:\"Purifie et rééquilibre la peau.\" },\n { anchor:'derme', action:\"Reminéralisation\", benefit:\"Renforce la peau grâce aux oligo-éléments essentiels.\" }\n ]\n },\n {\n id:'glycurea', label:'Glycérine \u0026 Urée', latin:'Humectants', family:'aqua',\n desc:\"Agents hydratants qui retiennent l’humidité dans la fibre : ils maintiennent le poil élastique et soyeux.\",\n targets: [\n { anchor:'film_hydro', action:\"Rétention d’eau\", benefit:\"Retiennent l’humidité dans la fibre pour un poil souple.\" },\n { anchor:'cuticule', action:\"Souplesse \u0026 soyeux\", benefit:\"Maintiennent un toucher soyeux et élastique.\" }\n ]\n },\n {\n id:'conditionneur', label:'Complexe Conditionneur', latin:'Agents démêlants', family:'cond',\n desc:\"Facilite le peigne, élimine les nœuds et améliore la texture générale du manteau.\",\n targets: [\n { anchor:'cuticule', action:\"Démêlage \u0026 lissage\", benefit:\"Lisse la cuticule, élimine les nœuds et facilite le peigne.\" },\n { anchor:'tige_poil', action:\"Texture du manteau\", benefit:\"Améliore la texture générale et la maniabilité du poil.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEén deel op elke 20 delen water\u003cbr\u003e— of puur\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSnel en voordelig trimmen \u0026amp; effectief\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHet basisprotocol voor een zacht bad.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEerste shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin het bad direct met de verdunde Aquarosa Passion, op de natte vacht. Spoel vervolgens uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTweede shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEen aanvraag indienen \u003cstrong\u003etweede shampoo\u003c\/strong\u003e, Spoel vervolgens nogmaals af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaatste verzorging\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSluit af met de juiste conditioner: \u003cstrong\u003eHydraterende crème, Bombastic of Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eUiterst intense actie — beurs, noodsituatie of tentoonstelling\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor het ontwarren in de trimsalon, het herstellen van zeer beschadigde vacht of het verbeteren van de vachtverzorging voor shows.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVal het bad aan met een \u003cstrong\u003emasker voor het baden\u003c\/strong\u003e Bio Energy of Bombastic, verrijkt met 4 Element Oils of Hydraterende Crème.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eToepassing zonder uitspoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSolliciteer met Aquarosa Passion \u003cstrong\u003eDirect na het masker aanbrengen, zonder tussendoor af te spoelen.\u003c\/strong\u003e. Concentreer je meer en combineer met Bombastic voor een groter effect.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLegde \u0026amp; dubbele shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eLaat het een paar ogenblikken intrekken en masseer het indien mogelijk in. \u003cstrong\u003eTwee shampoos worden aanbevolen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruik tot slot een conditioner of masker naar behoefte.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntegratiebevorderaars — voeding \u0026amp; volume\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eTwee opties om de werking van de Aquarosa Passion aan te passen.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVoedingsboost\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eToevoegen \u003cstrong\u003eeen lepeltje Aqua Dolce\u003c\/strong\u003e Voeg dit toe aan je Aquarosa Passion-mengsel. Breng het aan, laat het intrekken en spoel het vervolgens af met lauwwarm water.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVolumeversterking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMeng de Aquarosa Passion met de mousse. \u003cstrong\u003eAqua Vita\u003c\/strong\u003e : Het bruisende effect zorgt voor extra volume en verbetert de reinigende werking.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv style=\"margin-top: 12px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; padding: 10px 14px; font-size: 12px; line-height: 1.5;\"\u003e💡 Bij beide opties kunt u het drogen afronden door het haar te borstelen met \u003cstrong\u003eAqua Beauty of Mix Pink\u003c\/strong\u003e voor een nog zachtere en glanzendere vacht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Aquarosa Passie in de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eDezelfde associaties als de\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — De gehele Special One-collectie is compatibel. Onze favoriete trouwringen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen tweede shampoo wordt aanbevolen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e4Poodle · Bain Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste retouche is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Roze · Stijl 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Aquarosa Passion het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱🐶 Alle hondenrassen \u0026amp; katten \u003cspan\u003e(zelfde specificaties als de Aquarosa Pro)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ De liefhebbers \u003cspan\u003e(prestatie \u0026amp; originaliteit in de verzorgingsroutine)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — alle prestaties van de Aquarosa Pro, met een extra vleugje magie.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Petdesign.fr","offers":[{"title":"250 mL","offer_id":40196750803123,"sku":"WAQ-AQROP250 (141)","price":25.9,"currency_code":"EUR","in_stock":true},{"title":"5 L","offer_id":40196750835891,"sku":"WAQ-AQROP5000 (154)","price":147.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/AquarosaPassion.png?v=1680253913"},{"product_id":"aquablu-pro-shampoing-bleu","title":"AQUABLU PRO","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUABLU PRO\u003c\/strong\u003e is de Special One professionele shampoo met \u003cstrong\u003emariene bio-afgeleide producten en reflecterende blauwe pigmenten\u003c\/strong\u003e, ontworpen voor \u003cstrong\u003eNeutraliseer vergeling en intensiveer de helderheid van natuurlijke kleuren\u003c\/strong\u003e. Ideaal voor witte vachten, maar het versterkt ook de uitstraling van zwarte, beige en tweekleurige vachten. De ultramilde formule is geschikt voor de gevoelige huid en frequent gebruik.\u003c\/div\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 0 0 16px;\"\u003e❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e Als het doel niet is om vergeling te verwijderen of de glans van een vacht te herstellen: het reflecterende blauwe pigment is een gericht actief bestanddeel, dat niet interessant is voor egaal donkere vachten zonder ongewenste reflecties.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets interessants in vinden — van beurzen tot particulieren — \u003cstrong\u003ezodra het dier witte, glanzend zwarte of gouden plekken vertoont\u003c\/strong\u003e in zijn vacht.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eZijn \u003cstrong\u003ereflecterende blauwe pigmenten\u003c\/strong\u003e Het neutraliseert optisch gele en oranje tinten – veroorzaakt door de zon, talg, urine of speeksel – om een ​​pure en stralende witte teint te herstellen. De geavanceerde formule reinigt niet alleen: het hydrateert, beschermt en versterkt de huid zonder de natuurlijke oliën te verwijderen.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 4a8 8 0 0 0 0 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003ePerfect wit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eNeutraliseert vergeling veroorzaakt door zonlicht, talg, urine of speeksel — stralend resultaat vanaf het eerste bad.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eLevendige kleuren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVersterkt de natuurlijke helderheid — wit, glanzend zwart en beige zien er nog mooier uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGrondige reiniging \u0026amp; zacht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en desinfecteert zonder de vacht uit te drogen of de natuurlijke oliën te ontnemen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 7c3 3 7 7 10 10M17 7C14 10 10 14 7 17\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-knoop\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVergroot nooit het natuurlijke volume en beperkt de terugkeer van knopen tussen de wasbeurten.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinebescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVersterkt de natuurlijke afweer om de haarstructuur te beschermen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGevoelige huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eUltramilde formule, perfect voor de gevoelige huid — geschikt voor alle leeftijden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRegelmatig baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIdeaal voor regelmatig gebruik om een ​​jas er onberispelijk uit te laten zien.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van de Aquablu Pro.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Blancheur\", value: 5 }, { label: \"Éclat couleur\", value: 5 }, { label: \"Hydratation\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Démêlant\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Aquablu Pro actieve JS-MAPPING - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Aquablu Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen nauwkeurige formule die combineert \u003cstrong\u003eReflecterende optische werking, hydratatie en huidbescherming\u003c\/strong\u003e — Vrij van parabenen en siliconen. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aquablu Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'pigments', label:'Pigments Bleus Réfléchissants', latin:'Actif optique signature', family:'cond',\n desc:\"L’actif signature d’Aquablu Pro : déposés sur la fibre, ces pigments neutralisent optiquement les teintes jaunes et orangées pour un blanc pur et radieux dès la première application.\",\n targets: [\n { anchor:'tige_poil', action:\"Neutralisation optique\", benefit:\"Annulent le reflet jaune\/orangé de la fibre pour révéler un blanc pur.\" },\n { anchor:'cuticule', action:\"Éclat \u0026amp; luminosité\", benefit:\"Se déposent sur la cuticule pour intensifier la luminosité des couleurs.\" }\n ]\n },\n {\n id:'bleuet', label:'Extrait de Bleuet', latin:'Centaurea cyanus', family:'botanic',\n desc:\"Extrait végétal aux propriétés lénifiantes et décongestionnantes : il apaise les peaux sensibles et réduit les rougeurs causées par des agents externes.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant \u0026 décongestionnant\", benefit:\"Apaise les peaux sensibles et réduit les rougeurs.\" },\n { anchor:'film_hydro', action:\"Confort cutané\", benefit:\"Préserve le confort de surface des peaux réactives.\" }\n ]\n },\n {\n id:'chlorella', label:'Chlorella Vulgaris', latin:'Algue marine', family:'aqua',\n desc:\"Algue riche en acides aminés, vitamines et minéraux : elle protège et renforce la structure du poil, améliore sa résistance et sa luminosité.\",\n targets: [\n { anchor:'tige_poil', action:\"Renfort \u0026 résistance\", benefit:\"Renforce la structure du poil et améliore sa résistance.\" },\n { anchor:'cuticule', action:\"Luminosité\", benefit:\"Lisse la surface pour rehausser la luminosité du manteau.\" }\n ]\n },\n {\n id:'alginate', label:'Alginate Hydrolysée', latin:'Dérivé d’algues marines', family:'aqua',\n desc:\"Extraite d’algues marines : puissante action hydratante et reminéralisante, elle favorise la santé du manteau et prévient la sécheresse cutanée.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation intense\", benefit:\"Apporte une hydratation profonde et prévient la sécheresse cutanée.\" },\n { anchor:'epiderme', action:\"Reminéralisation\", benefit:\"Reminéralise la peau et soutient la santé du manteau.\" }\n ]\n },\n {\n id:'vitb12', label:'Vitamine B12 \u0026amp; Bêta-Carotène', latin:'Cobalamine \u0026 provitamine A', family:'bio',\n desc:\"Hydratent la structure du poil de l’intérieur et neutralisent les toxines environnementales : ils contribuent à la vitalité et à l’éclat durable du manteau.\",\n targets: [\n { anchor:'tige_poil', action:\"Hydratation interne\", benefit:\"Hydratent la fibre de l’intérieur pour un éclat durable.\" },\n { anchor:'epiderme', action:\"Anti-toxines\", benefit:\"Neutralisent les toxines environnementales et soutiennent la vitalité.\" }\n ]\n },\n {\n id:'eaudemer', label:'Eau de Mer', latin:'Oligo-éléments marins', family:'bio',\n desc:\"Riche en oligo-éléments essentiels : elle rééquilibre et renforce la peau, lui apporte vitalité et protection contre les agressions extérieures.\",\n targets: [\n { anchor:'derme', action:\"Reminéralisation profonde\", benefit:\"Apporte les oligo-éléments qui renforcent la peau en profondeur.\" },\n { anchor:'epiderme', action:\"Protection \u0026 vitalité\", benefit:\"Protège la peau des agressions extérieures et soutient sa vitalité.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eZuiver op vergeelde gebieden\u003cbr\u003eof 1\/20 voor een mild bad.\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eOnderhoudsbad — dagelijks bleken\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor het regelmatige onderhoud van de witte jas\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerdunde toepassing\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng verdunde Aquablu Pro aan op \u003cstrong\u003e1\/20\u003c\/strong\u003e Op een natte vacht aanbrengen. Masseer tot een zacht schuim ontstaat en laat het een paar minuten inwerken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDubbele shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel grondig uit en was je haar daarna opnieuw met shampoo. \u003cstrong\u003eTwee shampoos worden aanbevolen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaatste verzorging\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème of extra bodycrème\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eKlaar met \u003cstrong\u003eMix Pink of Style 360\u003c\/strong\u003e. Kan regelmatig worden gewassen om de vacht tussen tentoonstellingen door perfect wit te houden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensieve werking tegen vergeling — vóór tentoonstelling of wedstrijd\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor maximale schittering voorafgaand aan een ringpresentatie\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereid je voor met \u003cstrong\u003eBio Energy Plus + integrators\u003c\/strong\u003e (Hygro Fluid, 4 Element Oils) als masker vóór het baden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePuur aanbrengen zonder naspoelen.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng Aquablu Pro aan \u003cstrong\u003ePuur, direct op het masker aanbrengen zonder af te spoelen.\u003c\/strong\u003e. Laat het een paar minuten inwerken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDubbele shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel het haar uit en was het daarna opnieuw met shampoo. \u003cstrong\u003eTwee shampoos worden aanbevolen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème of extra bodycrème\u003c\/strong\u003e, Mix Pink of Style 360 ​​als afwerking.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eVersterk de pigmentatie — meng met Aqua Vita\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eOm de werking van het blauwe pigment verder te versterken.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMengen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDirect mengen \u003cstrong\u003eAquablu Pro met Aqua Vita-schuim\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerbeterde penetratie\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHet bruisende effect van Aqua Vita bevordert de \u003cstrong\u003epenetratie van blauw pigment in de haarstructuur\u003c\/strong\u003e, waardoor de werking tegen vergeling wordt versterkt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLegde \u0026amp; spoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAanbrengen, een paar minuten laten inwerken en grondig uitspoelen. Regelmatig gebruik van dit duo zorgt ervoor dat uw vacht langer wit, smetteloos en glanzend blijft.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Aquablu Pro in de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de Aquablu Pro.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + integrators\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste retouche is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Extra bodycrème\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen boost tegen vergeling is gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Vita (bruisschuim)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Roze · Stijl 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Aquablu Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🤍 Witte of tweekleurige\/driekleurige jurken \u003cspan\u003e(katten) \u0026amp; honden met witte aftekeningen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🖤 Glanzende zwarte jassen \u0026amp; wilde dieren \u003cspan\u003e(verheven kleuren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Witte krullende vacht \u003cspan\u003e(Poedels, Bichons, Havanese, Coton de Tuléar, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Lichtgetinte Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Witte of tweekleurige Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Lichtgekleurde Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Lang \u0026amp; zijdeachtig wit \u003cspan\u003e(Maltese, Afghaanse windhonden, tweekleurige Yorkshire terriërs)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Witte terriërs \u003cspan\u003e(Westie, Schots, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — overal waar witte, glanzend zwarte of gouden oppervlakken zijn die opgeknapt kunnen worden.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819388854451,"sku":"WAQ-AQBL250 (39)","price":19.9,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819388821683,"sku":"WAQ-AQBL5000 (35)","price":112.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquablue_bea85c6e-3219-48bd-aa0f-2cc32655cd93.png?v=1680256908"},{"product_id":"huiles-4-elements","title":"OLIN MET 4 ELEMENTEN","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003e4 Element Oliën – Special One | Productinformatieblad\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003e4-ELEMENTENOLIËN\u003c\/strong\u003e is de Special One olieblend ontworpen voor \u003cstrong\u003ede vacht versterken en herstellen\u003c\/strong\u003e. Een echte alleskunner die de vacht van alle rassen verbetert – als verzorgingsproduct, ontklitter, voorbehandeling vóór het baden, in foliewikkels of als kompres. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIedereen zal er veel baat bij hebben — dit product verbetert zonder uitzondering alle vachtsoorten.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDit complex van \u003cstrong\u003evier kostbare plantaardige oliën\u003c\/strong\u003e — geformuleerd met behulp van breuken \u003cstrong\u003eonverzeepbare stoffen\u003c\/strong\u003e, Het beste deel van elke olie, rijk aan vetoplosbare vitaminen, antioxidanten, polyfenolen en squaleen, wordt in elke verzorgingsstap verwerkt. Dankzij de veelzijdigheid en mildheid is het een onmisbare aanvulling op elke verzorgingsset. \u003cstrong\u003eNiet-vettig, niet-afsluitend\u003c\/strong\u003e : Dankzij de affiniteit met talg en de talgherstellende eigenschappen wordt het gemakkelijk door de huid en het haar opgenomen, waardoor het diep en langdurig voedt zonder de huid te verzwaren.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ \u003cstrong\u003eNiet in grote hoeveelheden gebruiken in leave-in conditioner:\u003c\/strong\u003e Te veel olie in combinatie met de hitte van de föhn zorgt voor een \u0026quot;kook\u0026quot;-effect: het haar wordt droog en beschadigd. Gebruik in plaats daarvan olie. \u003cstrong\u003estroomopwaarts van het bad\u003c\/strong\u003e, Niet vlak voor het föhnen. \u003c\/div\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitaliserende actie \u0026amp; herstructurering:\u003c\/strong\u003e Versterkt en herstelt de vacht van binnenuit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHelderheid \u0026amp; fluweelzacht gevoel:\u003c\/strong\u003e Het geeft de vacht vanaf de eerste toepassing glans en zachtheid.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eOntklitter:\u003c\/strong\u003e Maakt het ontwarren en borstelen gemakkelijker — effectief zelfs bij klitten in droog haar.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntivilten:\u003c\/strong\u003e Voorkomt dat er tussen de wasbeurten door weer knopen ontstaan ​​en dat er vervilting optreedt.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatie :\u003c\/strong\u003e Herstelt gebroken en beschadigd haar en versterkt de haarvezel op de lange termijn.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVerbeterde groei:\u003c\/strong\u003e Bij gebruik in papillotes en kompressen bevordert het de groei en de vachtkwaliteit.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniverseel:\u003c\/strong\u003e Geschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 3: ACTIVA --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eVier kostbare plantaardige oliën met complementaire eigenschappen — vrij van parabenen en siliconen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Arganolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAfkomstig van Argania Spinosa uit Marokko. Antioxidant, hydraterend, elasticiteitsverhogend en herstellend – wordt gemakkelijk opgenomen dankzij de talgregulerende en anti-verouderingseigenschappen. Rijk aan onverzadigde vetzuren (linolzuur, oliezuur), caroteen, vitamine E en sterolen. Ideaal voor een droge en pluizige vacht.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Walnootolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRijk aan tannines, flavonoïden, galluszuur en cafeïnezuur. Heeft zuiverende, antibacteriële, schimmelwerende en ontstekingsremmende eigenschappen.Verspreidt zich snel om pluizig of weerbarstig haar glad te maken — ideaal voor het voorbereiden van baden of haarmaskers.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Zonnebloemolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eKoudgeperst, rijk aan oliezuur (32%) en linolzuur (54%) en antioxidant vitamine E. Versterkt de natuurlijke lipidenbarrière van de huid en voorkomt uitdroging. Celregenererend – verzachtend, hydraterend en herstellend voor de gevoelige of geïrriteerde huid.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Sojaolie (maïsolie)\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAfkomstig van maïskiemen — licht, verzachtend en tonifiërend. Wordt zeer goed verdragen door de droge huid. Rijk aan vitamine E, oliezuur en linolzuur — een natuurlijk anti-verouderingsingrediënt dat de hydrolipidenfilm in balans brengt en de huid laat stralen en fluweelzacht maakt.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 1 🔥 Integrator — in het pre-badmasker of de conditioner\u003c\/span\u003e \u0026amp;SCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e De universele integratiemethode:\u003cbr\u003e 💫 In elk geval \u003cstrong\u003emasker voor het baden\u003c\/strong\u003e : \u003cstrong\u003e3 drukken van 4-elementenolie per liter\u003c\/strong\u003e van bereid product.\u003cbr\u003e 💫 In de\u003cstrong\u003eHydraterende crème aan het einde van het bad.\u003c\/strong\u003e : toevoegen \u003cstrong\u003e1 druk\u003c\/strong\u003e om de conditioner te verrijken.\u003cbr\u003e 💫 Voor vachten in slechte staat: breng de oliën aan. \u003cstrong\u003etot 24 uur voor het bad.\u003c\/strong\u003e om de werkingsduur en de intensiteit van de voordelen te maximaliseren. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Droog ontwarren — knopen \u0026amp; vilten\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Om knopen en vervilting te behandelen zonder het haar nat te maken:\u003cbr\u003e 💫 Pas de \u003cstrong\u003eBreng pure 4-elementenoliën rechtstreeks aan op de knoop.\u003c\/strong\u003e. Laat het een paar ogenblikken intrekken.\u003cbr\u003e 💫 Borstel voorzichtig met een zachte borstel; de knoop zal dan zonder pijn of breuk loskomen.\u003cbr\u003e 💫 Op de \u003cstrong\u003ehonden ingewikkeld in folie of met elastiekjes.\u003c\/strong\u003e : Als het haar bij het openen in de knoop zit of vervilt is, breng dan pure olie aan op de haarlok en borstel deze met een zachte borstel. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Papillotes \u0026amp; kompressen — kiem \u0026amp; concurrentie\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Voor honden die in folie gewikkeld zijn of een langdurige behandeling voor haargroei nodig hebben:\u003cbr\u003e 💫 Gebruik de oliën \u003cstrong\u003epuur of gemengd met Aqua Dolce + Hydraterende Crème\u003c\/strong\u003e om de strengen voor te bereiden en in te wikkelen.\u003cbr\u003e 💫 Het oliecomplex voedt de haarvezels op langdurige wijze en verbetert de kwaliteit en dichtheid van de hergroei gedurende de weken erna.\u003cbr\u003e 💫 Ideaal voor wedstrijdvoorbereiding van rassen waarbij een lange, dichte en glanzende vacht vereist is. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 4 🔥 Conditioner voor na het baden — voor zeer beschadigde vachten\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Voor een intensief herstellend effect na het wassen:\u003cbr\u003e 1. Meng in een kom \u003cstrong\u003e10 druppels 4 Element Oliën + 2 eetlepels crème\u003c\/strong\u003e Je kunt kiezen uit: Hydraterende Crème, Aqua Dolce of Extra Body Cream.\u003cbr\u003e 2. Verdunnen met \u003cstrong\u003e500 ml heet water\u003c\/strong\u003e en goed mengen.\u003cbr\u003e 3. Breng het product gelijkmatig aan over de gehele lengte van het haar.\u003cbr\u003e 4.Bij zeer beschadigde vachten: laat het even intrekken. \u003cstrong\u003e5 minuten onder een zachte warmtebron\u003c\/strong\u003e Om de absorptie te bevorderen, grondig uitspoelen.\u003cbr\u003e 5. Droog op een lage temperatuur, bij matige luchtcirculatie.\u003cbr\u003e\u003cbr\u003e \u003cem\u003eEen eenvoudig alternatief:\u003c\/em\u003e Wrijf na het baden een paar druppels op de vochtige vacht en laat deze drogen zonder uit te spoelen. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e als masker vóór het baden 🤝 \u003cstrong\u003eAlle Special One shampoos\u003c\/strong\u003e · 🤝 \u003cstrong\u003eHydraterende crème\/Aqua Dolce\u003c\/strong\u003e aan het einde van een bad of om in papier te wikkelen. \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eAlle vachten van alle rassen, zonder uitzondering.\u003c\/strong\u003e — honden en katten van alle leeftijden.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"200 mL","offer_id":37819388887219,"sku":"WEX-4EL200 (145)","price":71.9,"currency_code":"EUR","in_stock":true},{"title":"50 mL","offer_id":37819388919987,"sku":"WEX-4EL50 (140)","price":37.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-21.png?v=1666170332"},{"product_id":"hygro-fluid","title":"HYGRO-VLOEISTOF","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eHygro Fluid – Special One | Productinformatieblad\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eHYGRO FLUID\u003c\/strong\u003e is de Special One voedende integrator ontworpen voor \u003cstrong\u003ede vacht versterken en herstellen\u003c\/strong\u003e. Rijk aan kostbare plantaardige oliën, speelt het een centrale rol bij het in balans brengen van de hydrolipidenfilm en het herstellen van de huidflora. De structuur maakt het mogelijk dat... \u003cstrong\u003ebetere opname van de werkzame stoffen in de producten die daarna worden gebruikt\u003c\/strong\u003e — een natuurlijke versterker voor al uw behandelingen. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIedereen zal er veel baat bij hebben — dit product verbetert alle vachttypen zonder uitzondering. Het vormt een perfecte aanvulling op de twee andere producten uit de reeks: \u003cstrong\u003eSuper Keeper en 4 Elementen Oliën\u003c\/strong\u003e.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eHygro Fluid reinigt de huid, brengt de huidflora in balans en bereidt de huid voor op een betere opname van de actieve ingrediënten van de daaropvolgende huidverzorgingsproducten. Het gebruik ervan vooraf versterkt de effectiviteit van alle producten die daarna worden aangebracht – een rol die... \u003cstrong\u003enatuurlijke katalysator\u003c\/strong\u003e uniek onder de integratoren in het assortiment.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ Als je na het douchen te veel Hygro Fluid gebruikt zonder je haar uit te spoelen, wees dan voorzichtig met föhnen – het resultaat kan te vettig worden. Het is het beste om het product volgens de aanwijzingen te gebruiken. \u003cstrong\u003estroomopwaarts\u003c\/strong\u003e bad. \u003c\/div\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitaliserende actie \u0026amp; herstructurering:\u003c\/strong\u003e Versterkt en herstelt de vacht van binnenuit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHelderheid \u0026amp; fluweelzacht gevoel:\u003c\/strong\u003e Het geeft de vacht vanaf de eerste toepassing glans en zachtheid.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eOntklitter:\u003c\/strong\u003e Maakt het ontwarren en borstelen gemakkelijker en voorkomt dat knopen en klitten terugkeren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatie :\u003c\/strong\u003e Herstelt beschadigde haren en versterkt de haarvezel op de lange termijn.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHuidbescherming:\u003c\/strong\u003e Beschermt de huid tegen agressies en vuil door de hydrolipidenfilm weer in balans te brengen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eExamenvoorbereiding:\u003c\/strong\u003e Bereid de bontsoorten voor op een ringpresentatie — optimale resultaten in synergie met andere integrators.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniverseel:\u003c\/strong\u003e Geschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 3: ACTIVA --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen concentraat van kostbare plantaardige oliën met hydraterende, beschermende en anti-verouderingseigenschappen — vrij van parabenen en siliconen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Rijstolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAntioxidant en natuurlijk UV-filter — absorbeert UV-stralen en beschermt haar en huid tegen schade door de zon.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Rozenzaadolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRevitaliserend en beschermend — voedt de huid intensief, bevordert celregeneratie en versterkt de natuurlijke afweer van de opperhuid.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Omega 3 \u0026amp; 6\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVitaminen en anti-veroudering voor het haar — voedt en versterkt de haarvezel, verbetert de elasticiteit, glans en weerstand op lange termijn.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 1 🔥 Voeg het toe aan je gezichtsmasker of shampoo vóór het douchen.\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e De dagelijkse integratiemethode:\u003cbr\u003e 💫 In de \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e : toevoegen \u003cstrong\u003e1 tot 2 eetlepels Hygro Fluid per liter\u003c\/strong\u003e van het voorbereide masker — het versterkt de hydraterende werking van het masker uit de fase vóór het baden.\u003cbr\u003e 💫 In de \u003cstrong\u003eshampoo\u003c\/strong\u003e : toevoegen \u003cstrong\u003e1 eetlepel\u003c\/strong\u003e Voeg het direct toe aan je gebruikelijke shampoo (tenzij je maximaal volume wilt).\u003cbr\u003e 💫 Voor bont in zeer slechte conditie: gebruik Hygro Fluid. \u003cstrong\u003etot 24 uur voor het bad.\u003c\/strong\u003e om de penetratie van de activa te maximaliseren. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Conditionerverrijking\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Om de uiteindelijke conditioner te verrijken:\u003cbr\u003e 💫 Toevoegen \u003cstrong\u003eVoeg 1 tot 2 pompjes Hygro Fluid toe aan de hydraterende crème.\u003c\/strong\u003e aan het einde van het bad.\u003cbr\u003e Het oliecomplex verrijkt de conditioner en verbetert de zachtheid, het fluweelachtige gevoel en de fixatie van het haar na het drogen. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Huidprogramma — de strijd tegen huidproblemen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Hygro Fluid is een essentieel onderdeel van het programma ter voorkoming van huidproblemen:\u003cbr\u003e 1. \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e Als masker vóór het baden (20 minuten inwerktijd) herstelt het duo de hydrolipidenfilm en bereidt het de huid voor op de opname van de daaropvolgende behandeling.\u003cbr\u003e 2. Shampoo met \u003cstrong\u003eHuidverzorgingsprofessional\u003c\/strong\u003e.\u003cbr\u003e 3. Rond af met \u003cstrong\u003eHydraterende crème + 1 pompje Hygro Fluid\u003c\/strong\u003e.\u003cbr\u003e Dit trio (Bio Energy + Hygro Fluid + Skincare Pro) is de maatstaf voor een chronisch onevenwichtige huid. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eHet complete Special One-assortiment is compatibel met Hygro Fluid. Onze favoriete combinaties:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003e 🤝 \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e als masker vóór het baden (fundamentele associatie) 🤝 \u003cstrong\u003eAlle Special One shampoos\u003c\/strong\u003e · 🤝 \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e aan het einde van het bad \u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px; padding: 10px 14px; background: #f9f9f9; border: 1px solid #eee;\"\u003e 💛 Een perfecte aanvulling op de andere twee integrators: \u003cstrong\u003eSuper Keeper\u003c\/strong\u003e En \u003cstrong\u003e4 Element Oliën\u003c\/strong\u003e — de drie werken in symbiose voor een optimale werking op alle soorten vacht. \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eAlle vachten van alle rassen, zonder uitzondering.\u003c\/strong\u003e — honden en katten van alle leeftijden.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819389083827,"sku":"WEX-HYG 020 (38)","price":77.5,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819389116595,"sku":"WEX-HYG250 (36)","price":36.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/hygrofluid_7d67bda4-a773-40c0-a567-df3b744fc2b2.png?v=1680256952"},{"product_id":"super-keeper","title":"SUPER KEEPER","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eSuper Keeper – Speciale editie | Productdetails\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eSUPERBEWAARDER\u003c\/strong\u003e is de Special One beschermingsintegrator, \u003cstrong\u003ezeer herstellend\u003c\/strong\u003e, Ontworpen om de vacht te versterken en te herstellen. De mix van zorgvuldig geselecteerde plantaardige oliën en polysacchariden omhult het haar op milde wijze, beschermt het tegen beschadiging en minimaliseert klitten. Een van de producten \u003cstrong\u003efavorieten van de trimmers die bij ons komen werken\u003c\/strong\u003e vanwege zijn extreem krachtige eigenschappen. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIedereen zal er veel baat bij hebben – dit product verbetert alle vachtkleuren zonder uitzondering. Het vormt een perfecte aanvulling op de andere twee producten: \u003cstrong\u003eHygro Fluid en 4 Element Oliën\u003c\/strong\u003e.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eZijn \u003cstrong\u003eEen speciale structuur omhult elk haartje op delicate wijze.\u003c\/strong\u003e — Hydrateert van binnenuit en beschermt van buitenaf tegen fysieke, chemische en omgevingsinvloeden. De olieachtige samenstelling herstelt beschadigde vacht en geeft deze al na de eerste behandelingen weer glans en volume. Dit \u0026quot;beschermende laagje\u0026quot; is wat Super Keeper onderscheidt en het een ideale keuze maakt voor intensief gebruikte of kwetsbare vachten.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ Als je na het douchen te veel Super Keeper gebruikt zonder je haar uit te spoelen, wees dan voorzichtig met föhnen – het resultaat kan te vet worden. Gebruik het daarom spaarzaam. \u003cstrong\u003estroomopwaarts\u003c\/strong\u003e bad. \u003c\/div\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitaliserende actie \u0026amp; herstructurering:\u003c\/strong\u003e Versterkt en herstelt de vacht al vanaf de eerste behandelingen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHelderheid \u0026amp; fluweelzacht gevoel:\u003c\/strong\u003e Het geeft de vacht vanaf de eerste toepassing glans en zachtheid.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eOntklitter \u0026amp; anti-vilten:\u003c\/strong\u003e Maakt het ontwarren en borstelen gemakkelijker en minimaliseert de vorming van knopen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBeschermende huls:\u003c\/strong\u003e Het omhult het haar en beschermt de huid tegen invloeden van buitenaf en vuil.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatie :\u003c\/strong\u003e Herstelt beschadigde haren en versterkt de haarvezel op de lange termijn.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eExamenvoorbereiding:\u003c\/strong\u003e Bereid de bontstukken voor op de ringpresentatie door de glans en de vorm te maximaliseren.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniverseel:\u003c\/strong\u003e Geschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 3: ACTIVA --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen exclusieve mix van plantaardige oliën en polysacchariden, speciaal geselecteerd voor de perfecte verzorging van alle vachten — vrij van parabenen en siliconen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Complex van plantaardige oliën\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eEen zorgvuldig samengestelde mix die het haar omhult met een lichte, beschermende laag — hydrateert zonder het te verzwaren, herstelt beschadigd haar en beschermt tegen schadelijke invloeden.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Polysacchariden\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatuurlijk verkregen hydraterende bestanddelen vormen een beschermende laag op de haarvezel, houden vocht vast en verbeteren de elasticiteit en weerstand van het haar.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u0026amp;Voorbeeld 1 🔥 Voeg het toe aan je gezichtsmasker of shampoo vóór het douchen.\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e De universele integratiemethode:\u003cbr\u003e 💫 In de \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e : toevoegen \u003cstrong\u003e1 tot 2 eetlepels Super Keeper per liter\u003c\/strong\u003e van het voorbereide masker.\u003cbr\u003e 💫 In de \u003cstrong\u003eshampoo\u003c\/strong\u003e : toevoegen \u003cstrong\u003e1 eetlepel\u003c\/strong\u003e om de reinigende werking te versterken (behalve wanneer maximaal volume gewenst is).\u003cbr\u003e 💫 Voor bont in zeer slechte staat: gebruik Super Keeper. \u003cstrong\u003eBewaar het in een schone verpakking, tot 24 uur voor het baden.\u003c\/strong\u003e Als herstellende shockbehandeling: inmasseren en laten intrekken. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Conditionerverrijking\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Om de uiteindelijke conditioner te verrijken:\u003cbr\u003e 💫 Toevoegen \u003cstrong\u003e1 tot 2 pompjes Super Keeper in de Hydraterende Crème\u003c\/strong\u003e aan het einde van het bad.\u003cbr\u003e Het beschermende laagje van Super Keeper vult de hydraterende werking van Hydrating Cream aan voor een glanzend, fluweelzacht en langdurig resultaat. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Het ultieme Terrier-protocol: textuur, elasticiteit. \u0026amp; Ontharen zonder de huid te drogen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Het protocol, samengevat in één enkele stap, is universeel voor alle terriërs:\u003cbr\u003e 1. Meng \u003cstrong\u003egelijke delen: Super Keeper + Bio Energy Plus + Keratin Pro\u003c\/strong\u003e.\u003cbr\u003e 2. Laat het schuimen, breng het aan op nat haar, masseer het in en spoel het uit.\u003cbr\u003e Het haar is gestructureerd voor het verwijderen van losse haren, de elasticiteit blijft behouden dankzij Bio Energy en de vacht blijft gevoed dankzij Super Keeper – zonder uit te drogen. \u003cdiv style=\"margin-top: 10px; background: #f0fff4; border-left: 3px solid #2ecc71; padding: 10px 12px; font-size: 12px;\"\u003e ✨ \u003cstrong\u003eEen absolute aanrader voor alle terriërs.\u003c\/strong\u003e — Dit 3-in-1 protocol is een echte gamechanger voor regelmatige ontharing. \u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eDe complete Special One-collectie is compatibel met Super Keeper. Onze favoriete trouwringen:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003e 🤝 \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e als masker vóór het baden 🤝 \u003cstrong\u003eAlle Special One shampoos\u003c\/strong\u003e · 🤝 \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e aan het einde van het bad \u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px; padding: 10px 14px; background: #f9f9f9; border: 1px solid #eee;\"\u003e 💛 Een perfecte aanvulling op \u003cstrong\u003eHygrovloeistof\u003c\/strong\u003e En \u003cstrong\u003e4 Element Oliën\u003c\/strong\u003e — De drie integratoren werken in symbiose samen voor een complete werking op alle vachtsoorten.\u003cbr\u003e Ook perfect voor een \u003cstrong\u003ehuidverzorgingsprogramma\u003c\/strong\u003e in samenwerking met Bio Energy Plus \u0026amp; Huidverzorgingsprofessional. \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eAlle vachten van alle rassen, zonder uitzondering.\u003c\/strong\u003e — honden en katten van alle leeftijden.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eBijzonder geschikt voor rassen met een verhoornde vacht.\u003c\/strong\u003e — Terriërs, schnauzers, cockers en andere rassen met dicht, stug of keratinerijk haar.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819389313203,"sku":"WEX-SPK250 (56)","price":37.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819389280435,"sku":"WEX-SPK 023 (55)","price":88.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/superKeeper.png?v=1680703362"},{"product_id":"hydrating-cream-masque-final-sublimateur","title":"HYDRATING CREAM, sublimerend eindmasker","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eHYDRATERENDE CRÈME\u003c\/strong\u003e is de \u003cstrong\u003eHet bestverkochte professionele hydraterende masker van Special One aller tijden.\u003c\/strong\u003e. Essentieel voor het ontdekken van het assortiment.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eEssentieel voor \u003cstrong\u003ealle rassen\u003c\/strong\u003e, vooral voor de \u003cstrong\u003everzorging van pony's en baarden\u003c\/strong\u003e en jassen die een \u003cstrong\u003ediepe hydratatie\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eA \u003cstrong\u003eFormulering verrijkt met natuurlijke actieve ingrediënten.\u003c\/strong\u003e om te voeden en te revitaliseren met een \u003cstrong\u003eanti-verouderingseffect\u003c\/strong\u003e. Uittreksels uit \u003cstrong\u003ezijde\u003c\/strong\u003e Ze zorgen voor een uitzonderlijke glans en een levendige kleur.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 4h16v6M4 4v3M8 4v3M12 4v3M16 4v3M20 4v3M4 10h16l-2 10H6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eOntwarren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMaakt tandenpoetsen makkelijker en \u003cstrong\u003evoorkomt dat de knopen terugkeren\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 9h12a3 3 0 1 0-3-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 14h16a3 3 0 1 1-3 3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSnelheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVermindert de aanzienlijk \u003cstrong\u003edroogtijd\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6l1.4 1.4M17 17l1.4 1.4M5.6 18.4l1.4-1.4M17 7l1.4-1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eUV-filter\u003c\/strong\u003e en actie \u003cstrong\u003eanti-vork\u003c\/strong\u003e om de uiteinden te behouden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGezondheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eOnderhoudt de\u003cstrong\u003ehuidelasticiteit\u003c\/strong\u003e en een perfect gezonde huid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVitaliteit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eTextuur plus \u003cstrong\u003eflexibel en omhuld\u003c\/strong\u003e vanaf de allereerste aanvraag.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van de hydraterende crème.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 5 }, { label: \"Brillance\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Volume\", value: 3 }, { label: \"Soin peau\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (MAPPING JS actieve ingrediënten Hydraterende Crème - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van de hydraterende crème: 4 paren synergetische actieve ingrediënten\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003egeavanceerde formulering\u003c\/strong\u003e die doordringt tot in de kern van de vezel voor volledige regeneratie — vier paren actieve ingrediënten met complementaire eigenschappen.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’Hydrating Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'argan', label:'Argan \u0026amp; Macadamia', latin:'Huiles précieuses', family:'botanic',\n desc:\"Duo d’huiles précieuses : nutrition intense, hydratation et élasticité grâce à l’acide palmitoléique (rare et précieux).\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition intense\", benefit:\"Nourrit la fibre en profondeur et apporte souplesse et élasticité.\" },\n { anchor:'cuticule', action:\"Hydratation lipidique\", benefit:\"Lisse la cuticule et restitue brillance et toucher gainé.\" }\n ]\n },\n {\n id:'soie', label:'Soie \u0026amp; Collagène', latin:'Protéines structurantes', family:'aqua',\n desc:\"Duo restructurant : la \u003cstrong\u003esoie\u003c\/strong\u003e dépose un film protecteur et confère une brillance exceptionnelle ; le \u003cstrong\u003ecollagène\u003c\/strong\u003e restructure la fibre en profondeur.\",\n targets: [\n { anchor:'tige_poil', action:\"Restructuration\", benefit:\"Renforce la structure interne et restaure la cohésion du poil.\" },\n { anchor:'cuticule', action:\"Brillance éclatante\", benefit:\"Dépose un film protecteur soyeux — signature « brillance » du produit.\" }\n ]\n },\n {\n id:'ginseng', label:'Ginseng \u0026amp; Fucus', latin:'Plantes adaptogènes \u0026amp; marines', family:'bio',\n desc:\"Duo régénérant : le \u003cstrong\u003eginseng\u003c\/strong\u003e antioxydant tonifie et oxygène ; le \u003cstrong\u003efucus\u003c\/strong\u003e (algue brune) reminéralise et participe à la régénération cellulaire.\",\n targets: [\n { anchor:'derme', action:\"Régénération cellulaire\", benefit:\"Soutient la régénération profonde et l’oxygénation cutanée.\" },\n { anchor:'epiderme', action:\"Action antioxydante\", benefit:\"Protège des stress oxydatifs — effet anti-âge.\" }\n ]\n },\n {\n id:'proteines', label:'Protéines végétales \u0026amp; Vitamine E', latin:'Bouclier protecteur', family:'cond',\n desc:\"Duo protecteur : les \u003cstrong\u003eprotéines végétales\u003c\/strong\u003e hydratent l’épiderme ; la \u003cstrong\u003evitamine E\u003c\/strong\u003e protège les cellules contre les radicaux libres.\",\n targets: [\n { anchor:'epiderme', action:\"Protection cellulaire\", benefit:\"Hydrate l’épiderme et le protège des radicaux libres.\" },\n { anchor:'film_hydro', action:\"Apport humectant\", benefit:\"Restaure le film hydrolipidique et maintient l’hydratation.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- INVOEGSEL VOOR VERHALEN: Historische bestseller --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e✨ De kenmerkende hydraterende crème\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eDe absolute bestseller van Special One\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eL'\u003cstrong\u003eHydraterende crème\u003c\/strong\u003e Dit is het bestverkochte professionele hydraterende masker in de geschiedenis van Special One — het product waarmee het merk bij duizenden trimmers bekendheid kreeg. De formule is gebaseerd op de \u003cstrong\u003ezijde-extracten\u003c\/strong\u003e, die een zijdezachte beschermlaag afzetten en de vacht een \u003cstrong\u003eUitzonderlijke glans voor een levendige kleur.\u003c\/strong\u003e. Het is \u003cem\u003edaar\u003c\/em\u003e toegangspunt tot het schietterrein.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 theelepel tot 2 eetlepels\u003cbr\u003eper liter, afhankelijk van het resultaat\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003c!-- BLOKKADE METHODE VAN BEREIDINGSWIJZE (infographic, geen protocol) --\u003e \u003cdiv class=\"aqr-method-box\"\u003e \u003cdiv class=\"aqr-method-eyebrow\"\u003e🛠️ Bereidingsmethode\u003c\/div\u003e \u003ch3 class=\"aqr-method-title\"\u003ePerfecte slagroom maken in 6 stappen — tips voor thuisgebruik\u003c\/h3\u003e \u003cp class=\"aqr-method-subtitle\"\u003eDeze antiklontermethode vormt de basis van \u003cstrong\u003e3 protocollen hieronder\u003c\/strong\u003e — één enkele beweging om te beheersen.\u003c\/p\u003e \u003col class=\"aqr-method-grid\"\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e01\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eDosering\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eNemen \u003cstrong\u003e1 lepel\u003c\/strong\u003e slagroom in een kom of een shaker.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e02\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eOlie \u003cspan class=\"aqr-method-opt\"\u003e(optie)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eIndien er resterende knooppunten zijn: \u003cstrong\u003e1 Oliedruk 4 Elementen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e03\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eWater \u003cem\u003eerg\u003c\/em\u003e heet\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eOngeveer \u003cstrong\u003e5 cm zeer heet water\u003c\/strong\u003e — essentieel voor \u003cstrong\u003elossen de oliën op\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e04\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eEmulgeren\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003e \u003cstrong\u003eEen garde of blender is onmisbaar!\u003c\/strong\u003e Schud\/meng tot een homogene emulsie ontstaat.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e05\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eBio-energie Plus \u003cspan class=\"aqr-method-opt\"\u003e(optie)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003e \u003cstrong\u003e2 pompen Bio Energy Plus\u003c\/strong\u003e om het hydraterende effect te versterken.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e06\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eCompleet \u0026amp; toepassen\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eAanvullen met lauw water, goed mengen en aanbrengen. \u003cstrong\u003eNiet (of nauwelijks) afspoelen.\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv class=\"aqr-method-tip\"\u003e \u003cspan class=\"aqr-method-tip-icon\"\u003e💡\u003c\/span\u003e \u003cstrong\u003eOns advies:\u003c\/strong\u003e In tegenstelling tot andere crèmes, onthult de Hydraterende Crème zijn volledige potentieel. \u003cstrong\u003ezonder naspoelen (of met een zeer lichte spoeling)\u003c\/strong\u003e — dit zorgt ervoor dat de zijdeachtige film goed aan de vezel hecht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-method-box {\n background: #f5f5f7;\n border: 1px solid #e5e5e7;\n border-radius: 14px;\n padding: 22px 24px 24px;\n margin-bottom: 18px;\n font-family: inherit;\n }\n .aqr-method-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .aqr-method-title {\n font-size: 18px;\n font-weight: 600;\n color: #1d1d1f;\n margin: 0 0 6px;\n line-height: 1.3;\n }\n .aqr-method-subtitle {\n font-size: 13px;\n color: #6e6e73;\n margin: 0 0 18px;\n line-height: 1.5;\n }\n .aqr-method-grid {\n list-style: none;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 10px;\n }\n .aqr-method-step {\n background: #fff;\n border: 1px solid #e5e5e7;\n border-radius: 10px;\n padding: 14px 12px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n position: relative;\n }\n .aqr-method-step + .aqr-method-step::before {\n content: '→';\n position: absolute;\n left: -10px;\n top: 50%;\n transform: translateY(-50%);\n color: #c2a85c;\n font-weight: 600;\n font-size: 12px;\n background: #f5f5f7;\n padding: 0 3px;\n }\n .aqr-method-num {\n font-size: 11px;\n font-weight: 700;\n color: #c2a85c;\n letter-spacing: 0.1em;\n }\n .aqr-method-step-title {\n font-size: 13px;\n font-weight: 600;\n color: #1d1d1f;\n }\n .aqr-method-opt {\n font-weight: 400;\n color: #86868b;\n font-size: 11px;\n }\n .aqr-method-step-desc {\n font-size: 12px;\n line-height: 1.45;\n color: #515154;\n }\n .aqr-method-tip {\n margin-top: 16px;\n padding: 12px 14px;\n background: #fff;\n border-left: 3px solid #c2a85c;\n border-radius: 6px;\n font-size: 12.5px;\n color: #515154;\n line-height: 1.55;\n }\n .aqr-method-tip-icon {\n margin-right: 4px;\n }\n @media (max-width: 900px) {\n .aqr-method-grid { grid-template-columns: repeat(2, 1fr); }\n .aqr-method-step + .aqr-method-step::before { display: none; }\n }\n @media (max-width: 480px) {\n .aqr-method-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSnel trimmen \u0026amp; effectief\u003c\/span\u003eBasisgebruik — dagelijks gebruik in de woonkamer\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMengen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMeng de hydraterende crème met een \u003cstrong\u003ewarmwaterbasis\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHomogeniseren\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSchudden of mixen om een ​​homogeen mengsel te verkrijgen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eCompleet\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVul aan met lauwwarm water en breng aan.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e⚡\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLichtgewicht\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e \u003cstrong\u003e1 theelepel per liter\u003c\/strong\u003e + optioneel naspoelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e⚡\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGeen lood meer\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e \u003cstrong\u003e1 tot 2 eetlepels per liter\u003c\/strong\u003e + Afspoelen is niet nodig.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensieve herstructurering\u003c\/span\u003eVoor zeer beschadigd haar — intensieve behandeling\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBereid het mengsel voor.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOver gewassen en uitgewrongen bont: \u003cstrong\u003e1 eetlepel + 20 druppels 4 Elements Olie\u003c\/strong\u003e In \u003cstrong\u003e2 liter heet water\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerdelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdeel het product over de gehele lengte van het haar en laat het een paar minuten intrekken terwijl u uw haar borstelt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eWarmteboost\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e💡 \u003cstrong\u003eTruc:\u003c\/strong\u003e Voor zeer beschadigd haar, gebruik de volgende methode. \u003cstrong\u003eonder een warmtebron\u003c\/strong\u003e (föhn, lamp) om de penetratie te activeren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfspoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel grondig af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eTentoonstellingsvoorbereiding\/Inpakken\u003c\/span\u003eHet ritueel van de deelnemers en de begeleiders\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMix het trio\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eNa het bad: \u003cstrong\u003e1 eetlepel hydraterende crème + 1 eetlepel Hygrofluid + een paar druppels 4 Elements\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eToepassen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSolliciteer bij de \u003cstrong\u003epony en baard\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eKam\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSchilderen met een \u003cstrong\u003epinnenborstel\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePapillotes\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eLaat het op zijn plaats \u003cstrong\u003eonder folieverpakkingen\u003c\/strong\u003e — tot een maximum van 1 week.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Villanelle in het hart + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eDe hydraterende crème maakt \u003cstrong\u003eunanimiteit over een grote verscheidenheid aan rassen\u003c\/strong\u003e. Ideaal voor de \u003cstrong\u003everzorging van pony's en baarden\u003c\/strong\u003e, en de \u003cstrong\u003ebehandeling tijdens de seizoensgebonden rui\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laag volume is gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 theelepel per liter + eventueel naspoelen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eHet gewenste zware, beklemmende effect...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 tot 2 eetlepelseetlepel\/L + niet afspoelen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003ezeer beschadigd haar…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eIntensieve herstructurering (+ 4 elementen: olie + warmte)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003evoorbereiding op een show of het afronden van de voorstelling…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende + Hygrofluid + 4 Elements mix in folieverpakkingen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eMoeilijk om als duo uit elkaar te halen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eVillanelle (om het haar los te maken) + Hydraterende crème (voor de finishing touch)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar hydraterende crème het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten \u0026amp; Tibetaanse rassen \u003cspan\u003e(Shih-Tzu, Lhasa…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Cocker Spaniels, Spaniels \u0026amp; Cavalier Koning Karel \u003cspan\u003e(pony's en baarden)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Herdershonden, Retrievers, Spitz \u0026amp; Euraziërs \u003cspan\u003e(seizoensgebonden rui)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Terriërs, Poedels, Bichons \u0026amp; Yorkshires \u003cspan\u003e(krullend en lang haar)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDe Hydrating Cream wordt alom geprezen en is van oudsher het instapproduct van de Special One-lijn.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 mL","offer_id":37819389739187,"sku":"WEX-HYD500 (20)","price":46.5,"currency_code":"EUR","in_stock":true},{"title":"1 liter","offer_id":37819389673651,"sku":"WEX-HYD1 (22)","price":72.7,"currency_code":"EUR","in_stock":true},{"title":"3 Liter","offer_id":37819389706419,"sku":"WEX-HYD3 (24)","price":181.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/HydratingCream.png?v=1680188791"},{"product_id":"extra-body-cream-masque-final-volumisant","title":"EXTRA LICHAAMSCRÈME","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eEXTRA BODYCRÈME\u003c\/strong\u003e is een \u003cstrong\u003eGeconcentreerde volumegevende balsem met direct effect.\u003c\/strong\u003e, Speciaal ontwikkeld voor honden en katten.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn of haar gading in vinden, vooral voor de \u003cstrong\u003edunne lagen\u003c\/strong\u003e En \u003cstrong\u003ezonder lichaam\u003c\/strong\u003e !\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"3\" cy=\"7\" cx=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle r=\"2\" cy=\"11\" cx=\"17\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eMet dank aan \u003cstrong\u003epolymeren van de volgende generatie\u003c\/strong\u003e En \u003cstrong\u003eaminozuren\u003c\/strong\u003e, Deze balsem hecht zich aan de kern van de haarstructuur om \u003cstrong\u003eDe dikte vergroten zonder gewicht toe te voegen\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"9\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVulling\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerhoog de \u003cstrong\u003ehaardiameter\u003c\/strong\u003e — \u003cstrong\u003eopvullend effect\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 12c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eElasticiteit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeef terug \u003cstrong\u003eDirecte soepelheid en glans\u003c\/strong\u003e naar vezels.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21s2-12 18-18c0 0-2 18-18 18z\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 21l9-9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDetox\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEffect \u003cstrong\u003everfrissend en zuiverend\u003c\/strong\u003e voor de huid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVeelzijdigheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIdeaal voor \u003cstrong\u003eVerzorg droge pony\u003c\/strong\u003e stijve haren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-veroudering\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eBescherming tegen oxidatieve stress\u003c\/strong\u003e — behoudt de jeugdige uitstraling van de vezel.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van Extra Body Cream.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Volume\", value: 3 }, { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Soin peau\", value: 3 }, { label: \"Brillance\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (MAPPING JS actieve ingrediënten Extra Body Cream - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van de Extra Body Cream: 4 paren synergetisch werkende ingrediënten\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003eEen rijke formule die diep doordringt in de keratinevezel.\u003c\/strong\u003e — vier paren van activa met complementaire eigenschappen.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’Extra Body Cream\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'collagene', label:'Collagène \u0026amp; Kératine', latin:'Protéines structurantes', family:'aqua',\n desc:\"Duo structurant : le \u003cstrong\u003ecollagène\u003c\/strong\u003e renforce et apporte de l’élasticité ; la \u003cstrong\u003ekératine\u003c\/strong\u003e reconstitue la fibre et apporte force et résistance.\",\n targets: [\n { anchor:'tige_poil', action:\"Force \u0026amp; résistance\", benefit:\"Reconstitue la fibre kératinique et renforce la structure interne.\" },\n { anchor:'cuticule', action:\"Élasticité retrouvée\", benefit:\"Restaure la souplesse et la cohésion de la cuticule.\" }\n ]\n },\n {\n id:'argan', label:'Huiles d’Argan \u0026amp; Jojoba', latin:'Huiles précieuses', family:'botanic',\n desc:\"Duo nourrissant : l’\u003cstrong\u003eargan\u003c\/strong\u003e nourrit en profondeur ; le \u003cstrong\u003ejojoba\u003c\/strong\u003e mime le sébum naturel et protège la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition profonde\", benefit:\"Nourrit la fibre en profondeur sans l’alourdir.\" },\n { anchor:'film_hydro', action:\"Protection cutanée\", benefit:\"Mime le sébum naturel et protège le film hydrolipidique.\" }\n ]\n },\n {\n id:'olive', label:'Olive \u0026amp; Tournesol', latin:'Émollients antioxydants', family:'botanic',\n desc:\"Duo émollient : \u003cstrong\u003eolive et tournesol\u003c\/strong\u003e apportent une riche teneur en antioxydants et adoucissent la fibre.\",\n targets: [\n { anchor:'cuticule', action:\"Adoucissement\", benefit:\"Lisse la cuticule et apporte un toucher fondant durable.\" },\n { anchor:'tige_poil', action:\"Bouclier antioxydant\", benefit:\"Protège la fibre des dommages oxydatifs quotidiens.\" }\n ]\n },\n {\n id:'raisin', label:'Raisin \u0026amp; Vitamine E', latin:'Action détox \u0026amp; anti-âge', family:'cond',\n desc:\"Duo détox : le \u003cstrong\u003eraisin\u003c\/strong\u003e apporte resvératrol et polyphénols antioxydants ; la \u003cstrong\u003evitamine E\u003c\/strong\u003e agit en anti-âge et anti-inflammatoire.\",\n targets: [\n { anchor:'epiderme', action:\"Action anti-inflammatoire\", benefit:\"Apaise la peau et la protège du vieillissement cutané.\" },\n { anchor:'derme', action:\"Détox \u0026amp; jeunesse\", benefit:\"Soutient le drainage et préserve la vitalité du derme.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- INVOEGSEL VOOR VERHAALVERTELLING: opvullend effect --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e✨ De kenmerkende Extra Body Cream\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eHet volumegevende effect: het haar krijgt zijn volume terug.\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eVoor de jassen \u003cstrong\u003efijn of zonder lichaam\u003c\/strong\u003e, De uitdaging is niet om te stylen, maar om \u003cstrong\u003eherstel diameter\u003c\/strong\u003e naar elke vezel. Dankzij zijn \u003cstrong\u003epolymeren van de volgende generatie\u003c\/strong\u003e en zijn \u003cstrong\u003eaminozuren\u003c\/strong\u003e, Extra Body Cream hecht zich aan de kern van de haarstructuur en\u003cem\u003everdikt\u003c\/em\u003e van binnenuit. \u003cstrong\u003eGeen extra gewicht\u003c\/strong\u003e, net een haartje \u003cstrong\u003edichter, meer genuanceerd, meer aanwezig\u003c\/strong\u003e.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 theelepel tot 1 eetlepel\u003cbr\u003eper liter, afhankelijk van het resultaat\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAnti-vervellingsprotocol \u0026amp; Anti-jamming\u003c\/span\u003eDe dubbele toepassing van pre-shampoo masker + conditioner\u003csvg stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"aqr-proto-plus\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdund \u003cstrong\u003e1 eetlepel Extra Body Cream per liter water\u003c\/strong\u003e (met of zonder bio-energie). Aanbrengen als masker vóór het baden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMilde shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGa verder naar \u003cstrong\u003emilde shampoo naar keuze\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eConditioner\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAan het einde van het bad kunt u het water hergebruiken tot aan het niveau van...\u003cstrong\u003e1 eetlepel per liter\u003c\/strong\u003e als conditioner. \u003cstrong\u003eVereist geen lange belichtingstijd.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSnel trimmen \u0026amp; effectief\u003c\/span\u003eTwee doseringen, afhankelijk van de gewenste smaakintensiteit.\u003csvg stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"aqr-proto-plus\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eRijke zorg\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdund \u003cstrong\u003e1 eetlepel\u003c\/strong\u003e In \u003cstrong\u003eeen halve liter heet water\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLichte verzorging\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOf verdunnen \u003cstrong\u003e1 theelepel\u003c\/strong\u003e in een halve liter heet water.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMasseer de vacht zachtjes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e\u003cstrong\u003eSpoel grondig af met lauw water.\u003c\/strong\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eVoeding \u0026amp; Afwerking (Harde borstelharen)\u003c\/span\u003eDe kenmerkende behandeling voor een pony met stug haar.\u003csvg stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"aqr-proto-plus\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGerichte toepassing\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoor de \u003cstrong\u003edroge franjes bij ruwharige rassen\u003c\/strong\u003e : Aanbrengen op de getroffen gebieden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; spoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMasseer het in en spoel het vervolgens af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eShampoo booster\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOok ideaal \u003cstrong\u003etoegevoegd aan je shampoo\u003c\/strong\u003e om het te verrijken met gehydrolyseerd collageen en keratine.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 18px; padding: 14px 18px; background: #fff5f5; border-left: 3px solid #d9534f; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e⚠️ \u003cstrong\u003eAANDACHT :\u003c\/strong\u003e we zullen niet gebruiken \u003cstrong\u003eniet\u003c\/strong\u003e Extra lichaamscrème als de hond een \u003cstrong\u003egemakkelijke knoop terugkeer\u003c\/strong\u003e. Herinnering : \u003cem\u003eTe veel volume = versnelde terugkeer van het knooppunt\u003c\/em\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Villanelle in het hart + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e🤝 \u003cstrong\u003ePerfecte afwerking\u003c\/strong\u003e met \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e (vóór het bad), \u003cstrong\u003ePlatynum\/Aquarosa\u003c\/strong\u003e (shampoos), \u003cstrong\u003eAbsoluut\/Stijl 360\u003c\/strong\u003e (afronding).\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eFijne vacht zonder lijf...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eExtra bodycrème tweemaal aanbrengen, voor en na het douchen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eProtocol tegen verharing\/vervilting…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 eetlepel\/liter — zonder lange bewaartijd\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDroge pony bij stug haar…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eGerichte toepassing, puur of als shampoo-versterker.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003ehond die gemakkelijk knopen kan losmaken…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e❌ Niet gebruiken — gebruik bij voorkeur Villanelle of Hydraterende Crème.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen hoogglansafwerking is gewild…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute of Style 360 ​​in finishing spray\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Extra Body Cream het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten \u003cspan\u003e(geconcentreerd volume)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u0026amp; Lichaamloos bont \u003cspan\u003e(Nodig #1)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Herdershonden, Retrievers, Veehonden \u0026amp; Primitieven \u003cspan\u003e(dichtheid en volume)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Ruw haar \u003cspan\u003e(gerichte toepassing aan de randen)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDe balsem van gecontroleerd volume – om body te geven zonder het te verzwaren.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819389771955,"sku":"WEX-EXTR (42)","price":71.9,"currency_code":"EUR","in_stock":true},{"title":"3 Litres","offer_id":43820167168220,"sku":"3x (42)","price":202.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-20.png?v=1651836398"},{"product_id":"beauty-rinse-reequilibreur-de-ph","title":"BEAUTY SPOELING, pH-balancer","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003eWaterstofpotentiële herbalancerende lotion: reinig de huid, forceer de schubben om te sluiten, voorkom het terugkeren van knopen, lucht het haar.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" data-mce-fragment=\"1\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-fragment=\"1\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-fragment=\"1\" data-mce-style=\"color: #ffffff;\"\u003eVoor wie is dit product?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIedereen zal het interessant vinden!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Trimmers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Fokkers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Individueel \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Concurrenten \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n\n\u003cdiv\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cstrong\u003eBEAUTY RINSE\u003c\/strong\u003e\u003cspan\u003e is een innovatieve oplossing die de hydratatie, bescherming en pH van \u003c\/span\u003ehaar herstelt na het wassen\u003cspan\u003e.\u003ct1 \u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e✅ Huidreiniging \u003c\/div\u003e\n\u003cdiv\u003e✅ Regulering van bacteriële flora \u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e✅ Glans en volume actie \u003c\/div\u003e\n\u003cdiv\u003e✅ Sluiting van de haarschubbenlaag \u003c\/div\u003e\n\u003cdiv\u003e✅ Anti-knoopretouractie\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eCompositie: focus op natuurlijkheid!\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003eDe BEAUTY RINSE, gemaakt op basis van voorouderlijke recepten, combineert middelen \u003c\/span\u003e\u003cstrong\u003evan nature zuur\u003c\/strong\u003e\u003cspan\u003e die in zeer lage doses het evenwicht van uw dier zullen herstellen. \u003c\/span\u003eexterne pH\u003cspan\u003e.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003ct37 \u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eU zult de natuurlijke samenstelling waarderen:\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e🍀 Gedestilleerd helichrysumwater (genezende, ontstekingsremmende eigenschappen) \u003c\/div\u003e\n\u003cdiv\u003e🍀 Duizendbladwater (verzacht en kalmeert huidirritaties)\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e🍀 Appelextract en appelciderazijn (om de PH van de huid te hydrateren en te reguleren\u003c\/span\u003e)\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en voorgestelde toepassingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cspan style=\"color: #ff2a00;\"\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cstrong\u003e\u003cem\u003eVerdunnen met 15\/20 ml Beauty Rinse voor 1 liter heet water.\u003cbr\u003e\u003c\/em\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cstrong\u003e\u003cem\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003eEen paar minuten laten inwerken om het product te laten inwerken en daarna drogen.\u003c\/span\u003e\u003c\/em\u003e \u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✨\u003cmeta charset=\"UTF-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eAls onderdeel van een specifiek \"anti-knot \/ anti-felt\" programma is deze lotion ideaal. We zullen dan aan het einde van het bad 20 ml Beauty Rinse mengen met ons gebruikelijke Hydrating Cream-masker en de Mix Pink.✨\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003cstrong\u003eMAAR:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003eVoedt de vacht niet, pas op dat je vacht niet uitdroogt\u003c\/div\u003e\n\u003cdiv\u003eHet doel blijft om de haarschubben te forceren om te sluiten bij een probleembont of problemen met te snel terugkerende knopen. Mag niet worden opgenomen in een haargroeiroutine bij een \"normale\" hond.\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen combinaties\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003eHet hele Special One-assortiment is compatibel met Beauty Rinse \u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003eOnze favoriete trouwringen gaan echter naar:\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cp\u003e▶︎ Maakt het Skin Problem-programma (Bio Energy + Skincare) perfect af\u003c\/p\u003e\n\u003cp\u003e▶︎ Ook ideaal aan het einde van een bad voor een zoektocht naar zeer \"luchtig\" volume, naast klassieke maskers.\u003c\/p\u003e\n\u003cp\u003e▶︎ Een aanvulling op Hydrating Cream en Mix Pink om het terugkeren van knopen of vilten te voorkomen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e+90% biologisch afbreekbare cosmetica\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van parabenen, zonder siliconen\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet getest op dieren\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking HDPE02\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e.","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819389870259,"sku":"WEX-BRI250 (94)","price":23.2,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819389804723,"sku":"WEX-BRI 036 (91)","price":46.3,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819389837491,"sku":"WEX-BRI 5 (90)","price":115.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/BeautyRinse_954f593a-765a-4fbb-a696-df917ad689af.png?v=1680254357"},{"product_id":"aquapure-chlorexidine-propolis","title":"AQUAPURE PRO - 1e reinigende en desinfecterende shampoo","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUAPURE PRO\u003c\/strong\u003e is de Special One shampoo \u003cstrong\u003ede krachtigste wasstraal in het assortiment\u003c\/strong\u003e. Het reinigt zelfs de vuilste dieren zeer grondig en maakt een \u003cstrong\u003eepidermale reset\u003c\/strong\u003e Dankzij de natuurlijke antiseptische eigenschappen – zonder ooit de huid of het haar te beschadigen. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn gading in vinden. \u003cstrong\u003eBijzonder onmisbaar bij lastige gevallen en extreme situaties.\u003c\/strong\u003e in een salon of op een boerderij.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eVerrijkt met \u003cstrong\u003epropolis\u003c\/strong\u003e — “het natuurlijke antibioticum” — en in \u003cstrong\u003echloorhexidine\u003c\/strong\u003e, De Aquapure Pro combineert de hoogste reinigingskracht in het assortiment met eigenschappen \u003cstrong\u003eLangdurig werkende antiseptische, antibacteriële en antischimmelmiddelen\u003c\/strong\u003e. Uiterst effectief in de meest extreme situaties, en respecteert tegelijkertijd de natuurlijke hydrolipidebalans en pH-waarde van de huid.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMaximale waskracht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDe krachtigste in het assortiment: reinigt en desinfecteert grondig, zelfs de meest hardnekkige vlekken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRespect voor de huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehoudt de natuurlijke hydrolipidenbalans en pH-waarde ondanks de reinigende werking.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3c3 4 5 6 5 9a5 5 0 0 1-10 0c0-1.6.6-3 1.6-4.2 0 1.2.7 2 1.5 2 .9 0 1.1-1 .6-2.3C12.3 6.6 12 4.8 12 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eExtreme gevallen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEffectief bij mannetjes met urinevlekken, een zeer onverzorgde vacht, vervuiling en diep ingedrongen vuil.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEpidermale reset\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerzachtende, zuiverende en antiseptische eigenschappen voor een gezonde huid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAntibacterieel \u0026amp; antischimmel\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eLangdurige werking tegen bacteriën, gisten en schimmels – zowel curatief als preventief.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eZichtbaar resultaat\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEen schonere, gezondere en glanzendere vacht vanaf het eerste gebruik.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van Aquapure Pro.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 3 }, { label: \"Texture\", value: 1 }, { label: \"Soin peau\", value: 5 }, { label: \"Lavant\", value: 5 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (MAPPING JS actieve ingrediënten Aquapure Pro - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Aquapure Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen formule gericht op antiseptische werking en huidvriendelijke eigenschappen — \u003cstrong\u003eVrij van SLES, parabenen en siliconen.\u003c\/strong\u003e. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aquapure Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'propolis', label:'Propolis', latin:'« L’antibiotique naturel »', family:'botanic',\n desc:\"Résine récoltée par les abeilles, purifiante et revitalisante : propriétés apaisantes, purifiantes et antiseptiques reconnues depuis l’Antiquité. Idéale pour les peaux sensibles ou sujettes aux irritations.\",\n targets: [\n { anchor:'epiderme', action:\"Assainissant naturel\", benefit:\"Purifie et apaise les peaux sensibles ou sujettes aux irritations.\" },\n { anchor:'glande_seb', action:\"Action antiseptique\", benefit:\"Limite la prolifération microbienne au niveau du film cutané.\" }\n ]\n },\n {\n id:'chlorhexidine', label:'Chlorhexidine', latin:'Antiseptique de référence', family:'bio',\n desc:\"Antibactérien puissant à effet durable, également antifongique : prévient la prolifération des micro-organismes et le développement d’infections cutanées, y compris sur les peaux sèches et squameuses.\",\n targets: [\n { anchor:'epiderme', action:\"Antibactérien \u0026 antifongique\", benefit:\"Prévient bactéries, levures et champignons — effet durable, en curatif comme en préventif.\" },\n { anchor:'glande_sud', action:\"Désinfection profonde\", benefit:\"Assainit la peau dans les situations extrêmes (peau macérée ou négligée).\" }\n ]\n },\n {\n id:'panthenol', label:'Panthénol (Provitamine B5)', latin:'Panthénol', family:'cond',\n desc:\"Renforce et régénère le poil : il restitue brillance et vitalité tout en améliorant la structure de la fibre.\",\n targets: [\n { anchor:'tige_poil', action:\"Régénération de la fibre\", benefit:\"Renforce le poil et améliore la structure de la fibre.\" },\n { anchor:'cuticule', action:\"Brillance \u0026 vitalité\", benefit:\"Lisse la surface et restitue brillance et vitalité au poil.\" }\n ]\n },\n {\n id:'glycurea', label:'Glycérine \u0026 Urée', latin:'Humectants', family:'aqua',\n desc:\"Agents hydratants et humectants : ils maintiennent la peau et le poil souples et élastiques malgré l’intensité du nettoyage.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation humectante\", benefit:\"Captent et retiennent l’eau pour préserver le confort de surface.\" },\n { anchor:'epiderme', action:\"Souplesse préservée\", benefit:\"Maintiennent l’élasticité cutanée malgré la puissance lavante.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEén deel op elke 20 delen water\u003cbr\u003e1\/10 bij intense antiseptische werking\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eIntensieve reiniging — voor zeer vuile of verwaarloosde dieren\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor zeer verwaarloosde vachten, mannetjes met urinevlekken, vervuiling of diep vuil.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eIntensief wassen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng Aquapure Pro aan \u003cstrong\u003everdund tot 1\/10\u003c\/strong\u003e (Intensieve werking) op nat haar aanbrengen. Grondig inmasseren en vervolgens uitspoelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTweede conditionerende shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVervolg met een \u003cstrong\u003eeen tweede, mildere shampoo\u003c\/strong\u003e — \u003cstrong\u003eBain Pro, Aquarosa Pro of 4Poodle\u003c\/strong\u003e — voor conditionering na het reinigen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème, Bombastic of Aqua Dolce\u003c\/strong\u003e afhankelijk van de behoeften van de vacht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eDe opperhuid resetten — de huid moet gereinigd worden.\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eOm de huid na maceratie, verwaarlozing of een onevenwichtige huid weer gezond te maken.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereid je voor met het badmasker. \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e om de herstellende werking te versterken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eToepassing zonder uitspoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng Aquapure Pro direct aan. \u003cstrong\u003ezonder het masker af te spoelen\u003c\/strong\u003e. Laat het een paar ogenblikken intrekken en masseer het vervolgens in.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpoelen \u0026amp; vernieuwing\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel grondig uit en herhaal het wassen met shampoo indien nodig.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHerstellende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème + 4 essentiële oliën\u003c\/strong\u003e om de beschermfolie te herstellen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eKies Aquapure Pro als u behoefte heeft aan…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituaties waarin de Aquapure Pro echt het verschil maakt\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGrondige reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDe smerigste en meest verwaarloosde bontjassen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDe skin opnieuw instellen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDankzij de antiseptische en schimmelwerende eigenschappen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDesinfecteren in uitzonderlijke omstandigheden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOntharing op een zeer vuile huid, waarbij desinfectie van de opperhuid noodzakelijk is.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVoorkomen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOm de groei van bacteriën, gisten of schimmels te voorkomen op een huid die beschadigd of verwaarloosd is.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Aquapure Pro in de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de Aquapure Pro.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen tweede, mildere shampoo wordt aanbevolen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · 4Poodle\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen herstellend masker vóór het baden is gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste behandeling is noodzakelijk…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Roze · Stijl 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Aquapure Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle honden \u003cspan\u003e(zonder uitzondering)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten \u003cspan\u003e(zonder uitzondering)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e💧 Marker mannetjes \u0026amp; urine\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌫️ Vervuiling \u0026amp; diepe aarde\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🩹 Verweekte of verwaarloosde huid\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Ontharing op een huid die gereinigd moet worden.\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDe krachtigste reiniging in het assortiment – ​​zonder concessies te doen aan de mildheid voor huid en haar.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"PetDesign shop","offers":[{"title":"250 mL","offer_id":40196766924979,"sku":"WAQ-AQPU250 (16)","price":22.9,"currency_code":"EUR","in_stock":true},{"title":"5 L","offer_id":40196766957747,"sku":"WAQ-AQPU5000 (14)","price":128.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquapure_13bcd1a0-6daf-4a4c-a84a-2b55145279af.png?v=1680253861"},{"product_id":"mix-pink-conditionner-bi-phase","title":"MIX ROZE, Bi-fase conditioner","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eMix Pink – Special One | Productdetails\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eROZE MIX\u003c\/strong\u003e Dit is de tweefasige antistatische conditioneringsspray van Special One, een bestseller in de Expert Line-reeks. De unieke formule – verrijkt met macadamia-olie en lanoline – werkt als een \u003cstrong\u003ekrachtig middel voor het herstructureren en disciplineren van vachten\u003c\/strong\u003e : Het haar krijgt zijn stevigheid, hydratatie en glans terug, zonder zwaar of vet aan te voelen. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIdeaal voor alle lange jassen en jassen met franjes — en onmisbaar voor fijne, wollige vachten met een hoog elektrostatisch potentieel.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u0026amp; \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eZijn \u003cstrong\u003etweefasenformule\u003c\/strong\u003e De sleutel tot de effectiviteit ligt in het feit dat, na het schudden, de twee fasen – olieachtig en waterig – ervoor zorgen dat de oliën zich gelijkmatig over het haar verspreiden. \u003cstrong\u003ezonder te smeren\u003c\/strong\u003e, Het product neutraliseert elektrostatische lading en droogt snel, hoopt zich niet op en flikkert niet tijdens het drogen. Het kan dus zo vaak als nodig gebruikt worden, zelfs dagelijks.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eKrachtig antistatisch middel:\u003c\/strong\u003e Elimineert elektrostatische lading zonder de jas te verzwaren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDisciplinaire maatregelen:\u003c\/strong\u003e Het product ordent, strijkt en structureert de vacht – tot aan de haren die \u0026quot;overeind\u0026quot; staan.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratatie \u0026amp; helderheid:\u003c\/strong\u003e Glanzend, soepel en zichtbaar gehydrateerd haar na elke toepassing.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDuurzame anti-knoopfunctie:\u003c\/strong\u003e Verbetert de vachtstructuur en voorkomt klitten bij dagelijks gebruik.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-frizz:\u003c\/strong\u003e Voorkomt pluizig haar en beschermt het haar tegen de hitte van de föhn.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eWasverzachter:\u003c\/strong\u003e Verzacht droge en uitgedroogde vachten, waardoor ontwarren veel gemakkelijker wordt.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eNiet-vette formule:\u003c\/strong\u003e Gelijkmatige verdeling van oliën zonder residu of nadelige effecten.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eFrisse geur \u0026amp; volhardend :\u003c\/strong\u003e Een aangename geur die ervoor zorgt dat de jas na elk gebruik lekker ruikt.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 3: ACTIVA --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen complex van kostbare oliën en herstellende actieve ingrediënten, zorgvuldig geselecteerd op hun hydraterende, beschermende en regenererende eigenschappen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e\u0026amp; Macadamia-olie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eHydraterend en herstellend — houdt de vacht zacht, glanzend en diep gevoed.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Lanoline\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatuurlijk verzachtend middel van schapenextract: voorkomt uitdroging, vermindert haaruitval en verbetert de doorkambaarheid.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Camelia-olie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRijk aan essentiële vetzuren en vitamine E – beschermt de vacht tegen UV-straling, wind en vervuiling.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Zonnebloemolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVerzachtend en kalmerend — houdt de huid soepel en gehydrateerd, voorkomt uitdroging.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Maïsolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eLicht en niet-vettig — hydrateert de vacht zonder deze te verzwaren.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Ginsengextract\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAntioxidant en regenererend — beschermt tegen invloeden van buitenaf en stimuleert de haargroei.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Arabica koffie-extract\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVerstevigend en stimulerend — verbetert de microcirculatie in de huid en geeft de spiervezels energie.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Gehydrogeneerde ricinusolie\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVerzachtend en kalmerend — maakt de huid zacht, voorkomt uitdroging en schilfering.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #fff; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e ⚠️ \u003cstrong\u003eGoed schudden voor elk gebruik.\u003c\/strong\u003e om de twee fasen grondig te mengen. Spuit op \u003cstrong\u003e20–30 cm\u003c\/strong\u003e Niet in het haar spuiten. Niet in de ogen en neus spuiten. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 1 🔥 Interview \u0026amp; dagelijks borstelen met droog haar\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Voor jassen die makkelijk te knopen zijn, kan Mix Pink gebruikt worden. \u003cstrong\u003eelke dag met droog bont\u003c\/strong\u003e in een interview:\u003cbr\u003e 1. Schud de fles. Spray op het te borstelen oppervlak, vanaf een afstand van 20-30 cm.\u003cbr\u003e 2. Borstel sectie voor sectie. Het haar ontspant, wordt ordelijker en de elektrostatische lading verdwijnt.\u003cbr\u003e Regelmatig gebruik verbetert geleidelijk de textuur van de vacht en \u003cstrong\u003evoorkomt de vorming van knopen\u003c\/strong\u003e op de lange termijn. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Conditioner gebruiken tijdens het drogen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Mix Pink integreert perfect in de droogfase na het baden:\u003cbr\u003e 1. Schud de fles. Spuit gelijkmatig over de gehele natte laag, vanaf een afstand van 20-30 cm, zodat het hele oppervlak bedekt is.\u003cbr\u003e 2. Droog het haar met een föhn, door het plukje voor plukje te borstelen.\u003cbr\u003e Het product \u003cstrong\u003edroogt snel zonder ophoping.\u003c\/strong\u003e — het beschermt tegen hittebeschadiging en zorgt ervoor dat de vacht er verzorgd, glanzend en lekker ruikend uitziet. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Vooraf afwerken van de ring — definitie \u0026amp; Shine Expo\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Mix Pink is uitstekend \u003cstrong\u003epresentatie afronden\u003c\/strong\u003e voor showhonden:\u003cbr\u003e 1. Schud de fles. Spuit direct op de droge, geborstelde vacht.\u003cbr\u003e 2. Verdeel het product gelijkmatig met de borstel om vormen te definiëren en de glans van de lengtes en pony te versterken.\u003cbr\u003e Resultaat: een onberispelijk geordende, glanzende en gestructureerde jas – klaar voor de ring. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eDe gehele Special One-lijn is compatibel met Mix Pink. Let op: Mix Pink is lichter en luchtiger dan Aqua Beauty (minder anti-klit, lichter) en verschilt van Absolute 4Poodle, dat meer gericht is op volume voor poedels.\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003eAquarosa Pro\/Bain Pro\u003c\/strong\u003e in shampoo 🤝 \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e een masker dragen 🤝 \u003cstrong\u003eAqua Beauty\u003c\/strong\u003e in een aanvullende spray (versterkte anti-klitwerking) \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Langharige, gefranjerde rassen: Cockers, Setters, Afghaanse windhonden, Yorkshire terriërs — verzorging en glans van de vachtlengtes.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fijne, wollige vachten met een sterke elektrostatische aantrekkingskracht: Maltezers, Bichons, Samojeden…\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Poedels — maakt de vacht lichter en ordelijker zonder deze te krullen (te onderscheiden van Absolute 4Poodle voor meer volume).\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Zijdezachte rassen: Shih-Tzu, Cavalier King Charles Spaniel, Tibetaanse Terriër — zacht en makkelijk dagelijks te kammen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle honden die aan shows deelnemen — afwerking vóór de ring om de vormen te definiëren en de glans te versterken.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Parabenenvrij | Niet op dieren getest | HDPE02 recyclebaar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"200 mL","offer_id":37819390001331,"sku":"WEX-MIX200 (10)","price":40.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819389968563,"sku":"WEX-MIXP1 (12)","price":98.9,"currency_code":"EUR","in_stock":true},{"title":"3 Litres","offer_id":43820256526556,"sku":"3x (12)","price":277.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Mixpink.png?v=1675846492"},{"product_id":"tech-in-color-raviveur-de-couleurs","title":"TECH IN KLEUR, kleurvernieuwer","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- INLEIDING --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eTECHNOLOGIE IN KLEUR\u003c\/strong\u003e is de professionele behandeling van Special One voor \u003cstrong\u003eaccentueer de natuurlijke kleur van de jurk\u003c\/strong\u003e. Zijn \u003cstrong\u003enatuurlijke pigmenten\u003c\/strong\u003e interageert met de keratine-structuren van het haar om de glans te verlengen tot de volgende behandeling — verkrijgbaar in \u003cstrong\u003e5 varianten, afhankelijk van de vachtkleur.\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv style=\"background: #fffbe6; border: 1px solid #f0e040; padding: 14px 18px; margin-bottom: 20px; font-size: 13px; border-radius: 2px;\"\u003e⚠️ \u003cstrong\u003eTech in Color is geen kleurstof.\u003c\/strong\u003e Het is een \u003cstrong\u003enatuurlijke reflector\u003c\/strong\u003e waardoor de kleurtoon van de vacht tot wel 2 of 3 tinten intenser wordt, en het contrast en de diepte van de vacht toenemen.\u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIedereen zal er wel iets interessants in vinden!\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px;\"\u003eMet dank aan \u003cstrong\u003enatuurlijke pigmenten afkomstig van plantenpollen\u003c\/strong\u003e En \u003cstrong\u003ereflecterende minerale stoffen\u003c\/strong\u003e, Tech in Color dringt door tot in de haarschors door de keratinehuidjes zachtjes te openen, zonder de structuur te veranderen. De pigmenten sluiten zich in het haar op en blijven daar tot de volgende wasbeurt, voor een langdurig en egaal resultaat.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eKleurontwikkelaar:\u003c\/strong\u003e Versterkt de natuurlijke vachtkleur met 2 tot 3 tinten.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDuurzaamheid:\u003c\/strong\u003e De pigmenten hechten zich vast in de keratine tot het volgende wasbeurt.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eNatuurlijke formule \u0026amp; Waterig:\u003c\/strong\u003e Plantaardige pigmenten, op waterbasis, niet-agressief voor de huid.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003e5 mengbare versies:\u003c\/strong\u003e Aangepast aan elke kleur en met elkaar te combineren voor een resultaat op maat.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eVerenigbaar \u0026amp; Modulair:\u003c\/strong\u003e Het kan met alle producten uit de Special One-reeks worden gebruikt.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BESCHIKBARE VERSIES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eKies uw versie\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eKies de versie die overeenkomt met de vachtkleur van uw huisdier. De versies zijn ook \u003cstrong\u003emet elkaar combineerbaar\u003c\/strong\u003e om het resultaat te verfijnen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003cthead\u003e \u003ctr style=\"background: #1a1a1a; color: #fff;\"\u003e \u003cth style=\"padding: 10px 15px; text-align: left; font-weight: 600;\"\u003eVachtkleur\u003c\/th\u003e \u003cth style=\"padding: 10px 15px; text-align: center; font-weight: 600;\"\u003eVersie\u003c\/th\u003e \u003cth style=\"padding: 10px 15px; text-align: left; font-weight: 600;\"\u003eReflectie \u0026amp; Notities\u003c\/th\u003e \u003c\/tr\u003e \u003c\/thead\u003e \u003ctbody\u003e \u003ctr style=\"background: #fafafa;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e⬜ Wit, twee-\/driekleurig, zilver\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color A\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eBlauwe tint — anti-geel effect, verbetert contrast en helderheid.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fff;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e⬛ Zwart, grijs, blauw\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color B\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eZwarte tint — ook te gebruiken op grijs\/licht haar zonder paarse of groene ondertonen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fafafa;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e🟠 Abrikoos, rood, reebruin, beige\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color C\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eRobijnrode tint — intense pigmentatie, rood \u0026amp; bruin. Mengbaar met D of E.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fff;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e🟤 Bruin, robijnrood\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color D\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eWalnootkleur — speciaal samengesteld voor bruine vachten. Mengbaar met C.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fafafa;\"\u003e \u003ctd style=\"padding: 10px 15px;\"\u003e🟡 Blond, crème, goud, abrikoos\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; text-align: center;\"\u003e\u003cstrong\u003eTech in Color E\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px;\"\u003eHeldere oranje tint, voor goud-, blond- en abrikooskleurige vachten. Mengbaar met C.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #eee; font-size: 12px; color: #555;\"\u003eJe kunt ze mengen om precies de gewenste klank te krijgen!\u003c\/div\u003e \u003c\/div\u003e \u003c!-- ACTIVA-SYNERGIE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSamenstelling: Nadruk op natuurlijke ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eZorgvuldig geselecteerde actieve ingrediënten die de huid verhelderen zonder deze te veranderen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e✨ Natuurlijke pigmenten van plantaardige oorsprong\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eAfkomstig van plantenpollen (CI 14720, CI 19140, CI 28440, CI 15985, CI 16255, CI 42090). Ze dringen door in de keratinecortex voor een intense en heldere kleur.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e✨ Reflecterende minerale stoffen\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eUltramarijn (CI 60730) – versterkt de glans van de jurk door het licht te weerkaatsen. Op waterbasis, zacht voor de huid.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 1 🔥 Integratie in shampoo of masker\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eEmulgeer de Tech in Color-druppels in je verdunde Special One-shampoo of in het uiteindelijke masker.\u003cbr\u003e\u003cbr\u003e1. Indicatieve dosering: \u003cstrong\u003e15 tot 60 druppels per liter\u003c\/strong\u003e — Verhoog de waarde naar gelang de gewenste reflectie-intensiteit.\u003cbr\u003e2. Breng het product aan op de gehele vacht en laat het inwerken. \u003cstrong\u003e5 tot 10 minuten\u003c\/strong\u003e.\u003cbr\u003e3. Spoel grondig af.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 2 🔥 Verbeterde absorptie (met uitzondering van witte vachten)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eOm de pigmentfixatie te maximaliseren — \u003cstrong\u003eNiet uitvoeren op witte jassen.\u003c\/strong\u003e :\u003cbr\u003e\u003cbr\u003e1. Bereid een geconcentreerde oplossing van Tech in Color in water (+ eventueel een paar pompjes\u003cstrong\u003e4 Elementen Oliën\u003c\/strong\u003e).\u003cbr\u003e2. Solliciteer bij de \u003cstrong\u003edroog haar\u003c\/strong\u003e, buiten een standaard badcyclus.\u003cbr\u003e3. Niet in de droger doen, niet uitspoelen. Laat het op natuurlijke wijze intrekken.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 3 🔥 Spuitapplicatie (vóór of tijdens het drogen)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e1. Verdun Tech in Color in een spuitfles met water.\u003cbr\u003e2. Spuit op de schoorsteenmantel \u003cstrong\u003evoor of tijdens het drogen\u003c\/strong\u003e.\u003cbr\u003e3. ⚠️ \u003cstrong\u003eDraag handschoenen\u003c\/strong\u003e Tijdens dit gebruik kan het kleureffect op de handen zeer intens zijn.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 4 🔥 Gerichte applicatie met penseel (bijwerken) \u0026amp; camouflage)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eOm een ​​specifiek gebied te behandelen (borst, been, enz.):\u003cbr\u003e\u003cbr\u003e1. Pas Tech in Color toe \u003cstrong\u003epuur of verdund\u003c\/strong\u003e Met een kwast rechtstreeks aanbrengen op het te behandelen gebied.\u003cbr\u003e2. Pas de dosering aan de gewenste kleurintensiteit aan.\u003cbr\u003e3. Laat het even intrekken en spoel het indien nodig af.\u003cbr\u003e\u003cbr\u003e💡 Ideaal voor het bijwerken van presentaties op tentoonstellingen.\u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ MAAK GOED GEBRUIK VAN JE KLEURENTECHNOLOGIE:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e1️⃣ Kies de versie die overeenkomt met de kleur van de vacht (A, B, C, D of E).\u003cbr\u003e2️⃣ Begin door \u003cstrong\u003e15 tot 40 druppels per liter\u003c\/strong\u003e als werkbasis.\u003cbr\u003e3️⃣ Ga omhoog naar \u003cstrong\u003e60 druppels\u003c\/strong\u003e afhankelijk van de gewenste reflectie-intensiteit.\u003cbr\u003e4️⃣ Meng het goed met je shampoo of masker voordat je het aanbrengt.\u003cbr\u003e5️⃣ Laat het staan \u003cstrong\u003e5 tot 10 minuten\u003c\/strong\u003e Laat de keratine zich hechten en spoel het daarna af.\u003cbr\u003e6️⃣ Voor een natuurlijk toon-op-toon-effect: meng twee versies (bijv. 3\/4 E + 1\/4 C).\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Perfecte synergie met: \u003cstrong\u003ealle shampoos, maskers en conditioners van Special One\u003c\/strong\u003e — in het bijzonder met \u003cstrong\u003e4 Elementen Oliën\u003c\/strong\u003e voor een intensiever resultaat.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle katten\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle honden in de trimsalon\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Krullende vacht (Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington…)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Cocker Spaniels (Amerikaanse, Engelse)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tibetaanse rassen (Shih Tzu, Lhasa Apso, Tibetaanse Terriër…)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Engelse dwergspaniëls (Cavalier en King Charles)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lange en zijdeachtige vachten (Yorkshire, Afghaan…)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle terriërs (Schotse terriërs, Westies, Welsh terriërs, enz.)\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"font-size: 12px; color: #888; margin-top: 10px;\"\u003eDe lijst is lang en niet volledig!\u003c\/p\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"A - WIT\/TWEEKLEURIG\/TRICO JAS","offer_id":37819391017139,"sku":"WEX-THCA 040 (11)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"B - ZWART\/GRIJZE JAS","offer_id":37819391049907,"sku":"WEX-THCB 041","price":50.9,"currency_code":"EUR","in_stock":false},{"title":"C - ABRIKOZEN\/FAUVE JAS","offer_id":37819391082675,"sku":"WEX-THCD 042 (142)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"D - BRUINE JAS, ROBIJN","offer_id":37819391115443,"sku":"WEX-THCD 043 (137)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"E - CRÈME\/BLONDE VACHT","offer_id":37819391148211,"sku":"WEX-THCE 044 (45)","price":50.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-24.png?v=1661266021"},{"product_id":"style-360-spray-volume","title":"STYLE 360, volumespray","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eSTIJL 360\u003c\/strong\u003e Dit is de allereerste conditioner in de Special One-lijn – een klassieker met een bijzonder technische formule. Ontworpen voor \u003cstrong\u003emaximaliseer het volume van alle vachten\u003c\/strong\u003e Het elimineert statische elektriciteit, zorgt voor een perfecte grip op het haar tijdens het knippen met een schaar en is essentieel voor wedstrijddagen. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIedereen zal het zeer interessant vinden, met name professionals die maximaal volume en een goede grip nodig hebben voor snijden of presenteren.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- RADARBLOK: COSMETOLOGISCH DIAGRAM --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eStijl 360 ​​Cosmetologisch Diagram\u003c\/span\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Volume\", value: 5 },\n { label: \"Brillance\", value: 4 },\n { label: \"Démêlant\", value: 2 },\n { label: \"Hydratation\", value: 3 },\n { label: \"Défrisage\", value: 4 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eVerrijkt met een mix van natuurlijk verkregen oppervlakteactieve stoffen en hydraterende ingrediënten, Style 360 \u003cstrong\u003eGeeft het haar al vanaf de eerste behandelingen weer glans en elasticiteit.\u003c\/strong\u003e. De unieke technische formule maakt een gecontroleerd en gestructureerd volume mogelijk, of het nu gaat om een ​​professionele knipbeurt, het samenstellen van een hoofd of een presentatie in de ring.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ \u003cstrong\u003eProduct voor speciale gelegenheden:\u003c\/strong\u003e Style 360 ​​wordt aanbevolen voor shows, wedstrijden en cutting-dagen – niet voor dagelijks onderhoud. Overmatig gebruik zou averechts werken en snel weer knopen veroorzaken. \u003c\/div\u003e \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMaximaal volume:\u003c\/strong\u003e Het geeft alle vachten volume en structuur voor een spectaculair resultaat.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePerfecte pasvorm voor de snit:\u003c\/strong\u003e Het haar blijft onder de schaar op zijn plaats, waardoor een nauwkeurige afwerking mogelijk is.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLangdurige fixatie:\u003c\/strong\u003e Zorgt ervoor dat de vorm en conditie van de vacht op lange termijn behouden blijven.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eKopconstructie:\u003c\/strong\u003e Bijzonder effectief voor het samenstellen en vormgeven van hoofden.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHulp bij loodgieterswerk:\u003c\/strong\u003e Helpt bij het verzwaren van bont dat dat nodig heeft.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatisch:\u003c\/strong\u003e Elimineert statische elektriciteit voor gedisciplineerd en netjes haar.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniversele zachtheid:\u003c\/strong\u003e Geschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen natuurlijke formule gericht op volume, glans en bescherming — vrij van parabenen en siliconen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Zijdeproteïnen\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eZe zorgen voor zachtheid en een omhulsel – ze omhullen de vezel en geven deze volume en glans.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Melkeiwitten\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eZe voeden de vacht intensief en versterken de vezels voor een sterke en zijdezachte vacht.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Jojoba-olie\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eBrengt de natuurlijke kleuren van de vacht naar voren en voedt de vezels intensief.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Chlorella Vulgaris\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eZeealgen rijk aan zeer goed opneembare essentiële aminozuren — antioxidant en ontgiftend.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Vitamine B12 \u0026amp; Bèta-caroteen\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eZe hydrateren de haarstructuur van binnenuit en dragen bij aan de vitaliteit en glans van de vacht.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 \u003cstrong\u003eVerdunning afhankelijk van de fijnheid van het haar:\u003c\/strong\u003e Gebruik onverdund op dikke vachten voor een zeer gedefinieerd volume. Verdun tot 1\/10 met gedemineraliseerd water voor fijne vachten (bijv. Toypoedel). Aanbrengen op een natte vacht. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 1 🔥 Drogen, föhnen \u0026amp; schaar knippen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Style 360 ​​wordt gedurende het hele verzorgingsproces gebruikt, van het föhnen tot de uiteindelijke knipbeurt:\u003cbr\u003e 1. Aanbrengen op nat haar tijdens het föhnen, met regelmatige pulsen terwijl het haar droogt.\u003cbr\u003e 2. Blijf sprayen tijdens de laatste föhnbeurt — op het haar \u003cstrong\u003een rechtstreeks op de borstel en kam\u003c\/strong\u003e voor nog effectievere actie.\u003cbr\u003e 3. Spray tijdens het knippen regelmatig haarspray op de te bewerken plekken: zo blijft het haar onder de schaar en wordt de fixatie beter naarmate het knippen vordert.\u003cbr\u003e Het volume neemt in elke fase geleidelijk toe. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Tentoonstellingsdag — voorbereiding \u0026amp; ring retoucheren\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Style 360 ​​is hét hulpmiddel op wedstrijddagen:\u003cbr\u003e 1. \u003cstrong\u003eDe ochtend van de tentoonstelling\u003c\/strong\u003e : Pulse Style 360 ​​over de hele vacht om het volume en de fixatie die tijdens het trimmen zijn bereikt, te herstellen.\u003cbr\u003e 2. \u003cstrong\u003eVoor de ring\u003c\/strong\u003e : Werk eventuele plekken bij die verschoven zijn of hun hechting hebben verloren. Spray en borstel voor een perfect resultaat.\u003cbr\u003e 3. \u003cstrong\u003eIn de ring, indien nodig.\u003c\/strong\u003e : Met een kleine aanpassing op het laatste moment is een perfect resultaat voor de juryleden nog mogelijk.\u003cbr\u003e Indien extra fixatie gewenst is: gebruik \u003cstrong\u003eMultifix\u003c\/strong\u003e in de uiteindelijke fixeerspray. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Kopmontage \u0026amp; verzwaarde bontsoorten\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Voor specifieke opmaakwerkzaamheden:\u003cbr\u003e 1. Spray Style 360 ​​puur of licht verdund rechtstreeks op het te behandelen gebied (hoofd, knot, opvulgebieden).\u003cbr\u003e 2. Werk met een kam of borstel en bouw laagje voor laagje volume op.\u003cbr\u003e De duurzame houder behoudt de gewenste vorm – ideaal voor uitgebreide opstellingen die de hele dag tentoongesteld moeten blijven. Compleet met \u003cstrong\u003eExtra bodycrème of gezichtsreiniger\u003c\/strong\u003e voor een nog sterker volume-effect. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 4 🔥 Spoel de conditioner uit na het wassen met shampoo.\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Stijl 360 kan ook gebruikt worden als \u003cstrong\u003eklassieke conditioner na het wassen met shampoo\u003c\/strong\u003e :\u003cbr\u003e 1. Na het wassen en uitwringen, sprayt u Style 360 ​​over de gehele natte vacht.\u003cbr\u003e 2. Masseer grondig in zodat het product in de haarvezel kan doordringen.Laat het een paar ogenblikken inwerken terwijl u doorgaat met masseren.\u003cbr\u003e 3. Spoel grondig af.\u003cbr\u003e Deze methode zorgt voor volume en basisvoeding, zelfs vóór het drogen – ideaal voor de voorbereiding van fijne of gedehydrateerde vachten. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eIdeaal te combineren met alle volumegenererende producten uit het assortiment:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003ePlatynum Pro\u003c\/strong\u003e · 🤝 \u003cstrong\u003eExtra Body Cream\u003c\/strong\u003e · 🤝 \u003cstrong\u003eSchoonheidsspoeling\u003c\/strong\u003e · 🤝 \u003cstrong\u003eMultifix\u003c\/strong\u003e (laatste afstelling) \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Geschikt voor alle katten en alle honden — universeel toepasbaar op alle rassen en vachttypen wanneer volume gewenst is.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Krullende vachten: Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington… — maximaal volume en fixatie.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Amerikaanse Cocker Spaniels\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Oren van Engelse dwergspaniëls (Cavalier en King Charles)\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Terriërs: Schotse terriërs, Westies, Welsh terriers… — een lange en niet complete lijst!\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Honden met een dubbele vacht: Spitz, Newfoundlander, Samojeed, Bouvier, Australian Shepherd, enz.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819391312051,"sku":"WEX-STY360 (37)","price":88.9,"currency_code":"EUR","in_stock":true},{"title":"200 mL","offer_id":37819391344819,"sku":"WEX-STYLE280 (34)","price":44.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/style360.png?v=1680257576"},{"product_id":"multifix-fluide-modelant","title":"MULTIFIX, modelleervloeistof","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eMULTIFIX\u003c\/strong\u003e is de professionele modelleervloeistof van Special One voor \u003cstrong\u003eCreëer en onderhoud langdurige kapsels.\u003c\/strong\u003e — glad of krullend effect. Dankzij zijn \u003cstrong\u003ewateroplosbare film met geheugeneffect\u003c\/strong\u003e, Het beschermt de vacht tegen de hitte en zorgt ervoor dat de gewenste vorm ook na een bezoek aan de trimsalon behouden blijft. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eEen absolute must-have voor professionele trimmers en wedstrijdtrimmers!\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px;\"\u003eMultifix-vormen a \u003cstrong\u003ewateroplosbare film op het haar\u003c\/strong\u003e Het beschermt het haar tegen hittebronnen (stijltang, föhn), fixeert het kapsel en kan gemakkelijk met water worden vernieuwd. De formule is gebaseerd op... \u003cstrong\u003enatuurlijke harsen en cosmetische polymeren\u003c\/strong\u003e Garandeert glans, elasticiteit en stevigheid zonder de vacht te verzwaren of resten achter te laten.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGeheugeneffect:\u003c\/strong\u003e Houdt het kapsel lang na het stylen glad of krullend.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eThermische beveiliging:\u003c\/strong\u003e Beschermfolie die bescherming biedt tegen de hitte van het strijkijzer en de föhn.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eSchittering \u0026amp; Elasticiteit:\u003c\/strong\u003e Verbetert de zijdezachte uitstraling en vitaliteit van de vacht.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEenvoudige toepassing:\u003c\/strong\u003e Verspreidt zich gelijkmatig, droogt snel en laat geen resten achter.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eOplosbaar in water:\u003c\/strong\u003e Het kapsel kan eenvoudig met water opnieuw in model worden gebracht en aangepast.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFormulering: Modelleertechnologie\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen synergie van cosmetische actieve ingrediënten om te herstellen, te beschermen en te verbeteren.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Natuurlijke harsen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eZe vormen een wateroplosbare beschermlaag met een geheugeneffect, waardoor het kapsel stevig blijft zitten zonder stijfheid of resten achter te laten.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Cosmetische conditionerende polymeren\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eZe verbeteren de vachtstructuur, vergemakkelijken het stylen en zorgen voor souplesse en weerstand tegen vochtigheid.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 1 🔥 Glad effect — Föhnen \u0026amp; Haarstijltang\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e Na het deppen van een schone vacht om overtollig water te verwijderen:\u003cbr\u003e\u003cbr\u003e 1. Verdelen \u003cstrong\u003eMultifix uniform\u003c\/strong\u003e op de jas.\u003cbr\u003e 2. Droog het haar met een föhn of haardroger.\u003cbr\u003e 3. Zorg voor een vloeiende opmaak bij \u003cstrong\u003estijltang\u003c\/strong\u003e.\u003cbr\u003e 4. Om de greep te versterken, \u003cstrong\u003eherhaal de aanvraag\u003c\/strong\u003e na het formatteren.\u003cbr\u003e\u003cbr\u003e 💡 De hittebeschermende film is direct na het aanbrengen actief — het haar wordt beschermd tegen directe hitte. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 2 🔥 Krullend effect — Diffuser (zonder borstel of stijltang)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e Na het deppen van een schone vacht om overtollig water te verwijderen:\u003cbr\u003e\u003cbr\u003e 1. Breng Multifix gelijkmatig aan over de gehele vacht.\u003cbr\u003e 2. Kam het haar, zodat het in model komt. \u003cstrong\u003enatuurlijke krullen\u003c\/strong\u003e.\u003cbr\u003e 3. Droog \u003cstrong\u003ealleen naar de diffuser\u003c\/strong\u003e — zonder kaardmachine of borstel om de lus te behouden.\u003cbr\u003e 4.Herhaal de applicatie na het drogen. \u003cstrong\u003eversterk en bevestig de lus\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e 💡 Ideaal voor poedels, bichons en alle rassen met een golvende vacht. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 3 🔥 Interview \u0026amp; Reactivering tussen de baden\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e Met dank aan de film \u003cstrong\u003ewateroplosbaar\u003c\/strong\u003e, Het kapsel kan eenvoudig opnieuw geactiveerd en aangepast worden:\u003cbr\u003e\u003cbr\u003e 1. Bevochtig het te herstellen oppervlak lichtjes met water.\u003cbr\u003e 2. Breng het kapsel met de hand of met een kam in model.\u003cbr\u003e 3. Droog het dier opnieuw af — zonder het opnieuw te wassen.\u003cbr\u003e\u003cbr\u003e 💡 Ideaal om tussen tentoonstellingen door een onberispelijke presentatie te behouden. \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ HOE GEBRUIK JE JE MULTIFIX OP DE JUISTE MANIER:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e 1️⃣ Aanbrengen op het haar \u003cstrong\u003eschoon en gestempeld\u003c\/strong\u003e (niet te nat, niet te droog).\u003cbr\u003e 2️⃣ Gelijkmatig verdelen over de gehele vacht of op specifieke plekken.\u003cbr\u003e 3️⃣ Ga verder met het föhnen volgens het gewenste effect (föhnen voor glad haar, diffuser voor krullend haar).\u003cbr\u003e 4️⃣ Geef het haar de uiteindelijke vorm met een krultang of diffuser.\u003cbr\u003e 5️⃣ \u003cstrong\u003eHerhaal de toepassing\u003c\/strong\u003e na het vormen om de pasvorm te versterken.\u003cbr\u003e 6️⃣ Om het weer te activeren: licht bevochtigen en in vorm brengen zonder het opnieuw onder te dompelen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Perfecte synergie met: \u003cstrong\u003ealle Special One shampoos en maskers\u003c\/strong\u003e — bij voorkeur als laatste stap na een behandeling \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e voor een vacht die perfect geconditioneerd is voordat deze in model wordt gebracht.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Krullende vachten \u0026amp; golvend (Poedels, Bichons, Kerry Blue, Soft Coated Wheaten…) — natuurlijk krullend effect.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lange, gladde vachten (Yorkshire, Afghaanse windhond, Setter, Cocker, enz.) — het steil maken gaat langer mee.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tibetaanse rassen (Shih-Tzu, Lhasa Apso, Tibetaanse Terriër…) — onderhoud van de vacht voor tentoonstellingen.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Terriërs (Bedlington, Welsh, Lakeland…) — definitie en onderhoud van de mal.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle rassen die worden voorbereid op shows of wedstrijden en die een langdurige conditietraining vereisen.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"200 mL","offer_id":37819392819379,"sku":"WEX-MFIX (418)","price":41.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/multifix-special-one.jpg?v=1687460135"},{"product_id":"trim-grooming-powder","title":"TRIMVERZORGINGSPOEDER","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cstrong\u003eTrim Groeipoeder\u003c\/strong\u003e\u003cspan\u003e Dit is een professioneel poeder dat speciaal is samengesteld om de vacht witter te maken en voor te bereiden op het bleken.\u003c\/span\u003e\u003cstrong\u003eontharing\u003c\/strong\u003e\u003cspan\u003e. \u003c\/span\u003e\u003c\/p\u003e \u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e \u003ctbody data-mce-fragment=\"1\"\u003e \u003ctr data-mce-fragment=\"1\"\u003e \u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr data-mce-fragment=\"1\"\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003eIedereen zal er wel iets interessants in vinden!\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Trimmers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Veeboeren \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Individuen \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Concurrenten \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Behandelaars\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✅ Biedt precisie en snelheid tijdens de ontharingsfase. \u003c\/div\u003e \u003cdiv\u003e✅ Meedoen \u003cmeta charset=\"UTF-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003egelijkmatig aan de haren\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e✅ Wittermakende werking \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Gegeven \u003cmeta charset=\"UTF-8\"\u003ede compactheid en hardheid van de structuur om het strippen te vergemakkelijken\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en suggesties voor gebruik\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cp\u003e✨Verdeel het product gelijkmatig over de te verwijderen haren en over je vingers, en begin vervolgens met strippen.\u003c\/p\u003e \u003cdiv\u003e✨Aarzel niet om het product opnieuw aan te brengen tijdens het ontharen.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✨Onze mening: voor het beste resultaat bij het trimmen van je hond is niets beter dan rollen, een ontharingstechniek die tijd kost en waarbij de vacht zeer regelmatig maar licht wordt gestript.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen verenigingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e🔥Het vormt een ideale aanvulling op het Special One-protocol, waardoor het mogelijk wordt om \u003c\/span\u003eOntharen op schoon haar. Wij raden nog steeds aan: \u003cspan data-mce-fragment=\"1\"\u003eBio-energie + Keratine Pro.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003cmeta charset=\"UTF-8\"\u003e🔥Zijn \u003cstrong data-mce-fragment=\"1\"\u003edeeltjesgrootte \u003c\/strong\u003ewordt beoordeeld\u003cstrong data-mce-fragment=\"1\"\u003e \u0026quot;\u003cem data-mce-fragment=\"1\"\u003egemiddeld\u003c\/em\u003e\u0026quot;\u003c\/strong\u003e, Het vormt daarom een ​​perfecte aanvulling op ons andere HAIR STRIP-poeder, dat \u0026quot;\u003cem data-mce-fragment=\"1\"\u003eultradun\u003c\/em\u003e\u0026quot;De combinatie van de twee poeders maakt het daarom mogelijk om op alle situaties en voor alle haartypes te reageren.\u0026quot; \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmetica die voor meer dan 90% biologisch afbreekbaar is.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van parabenen en siliconen.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet op dieren getest.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking HDPE02\u003c\/p\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eSelectie op basis van ras?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e \u003cdiv\u003e🎈 Enkele voorbeelden van rassen waarop Trim Grooming Powder geschikt is. maakt mensen blij:\u003cbr data-mce-fragment=\"1\"\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e✔️ Alle katten\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✔️ Alle honden \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✔️ Ideaal voor ontharing \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e✔️ Alle hondenrassen met een krullende vacht (Poedels, Bichons, Kerry Blue, Soft Coaten, Bedlington, enz.)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Cocker Spaniels (Amerikaanse, Engelse)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Tibetaanse rassen (Shih Tzu, Lhasa Apso, Tibetaanse Terriër, etc.)\u003c\/div\u003e \u003cdiv\u003e✔️ Engelse dwergspaniëls (Cavalier en King Charles)\u003c\/div\u003e \u003cdiv\u003e✔️ Meer in het algemeen alle lange en zijdeachtige vachten (Yorkshire, Afghan, enz.).)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle terriërs (Schotse terriërs, Westies, Welsh terriërs, enz.)\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003eDe lijst is lang en niet volledig!\u003c\/div\u003e \u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"75 gram","offer_id":37819392917683,"sku":"WEX-TGP75 (401)","price":32.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/461f5837-4b29-401a-8da1-2b89ff23b7ab.jpg?v=1637052966"},{"product_id":"model-cream-creme-d-accroche-pour-blanchir","title":"MODEL CREAM, bondingcrème voor whitening","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003e✨Haarbleekcrème✨\u003c\/span\u003e\u003cspan style=\"font-size: 1.4em;\"\u003e \u003c\/span\u003e\u003c\/p\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e \u003ctbody data-mce-fragment=\"1\"\u003e \u003ctr data-mce-fragment=\"1\"\u003e \u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003eIedereen zal er wel iets interessants in vinden!\u003c\/div\u003e \u003cdiv\u003e✅ Trimmers ✅ Veeboeren ✅ Individuen ✅ Concurrenten ✅ Behandelaars\u003c\/div\u003e \u003cbr\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e✅ Haar bleken \u003c\/div\u003e \u003cdiv\u003e✅ Het structureren en vormgeven van jassen \u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Bereidt het haar gemakkelijk voor.\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Ideaal om de textuur te verbeteren of het gewicht van de vacht te verhogen, afhankelijk van de situatie.\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e✅ Verbetert de esthetische schoonheid van jassen aanzienlijk.\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Bereidt de vacht van veel rassen voor op shows.\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eEen natuurlijke compositie!\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e🍀Model Cream is verrijkt met keratine om de vachtstructuur direct te verbeteren. De werking van het product is vooral merkbaar op haren die voor een wedstrijd geconditioneerd moeten worden: het bereidt de vacht perfect voor en beschermt deze zo tegen latere behandelingen met gekleurde pleisters of bleekpoeders.\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en suggesties voor gebruik\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cstrong\u003e\u003cspan style=\"text-decoration: underline;\"\u003eGebruik op droog haar.\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e🔥Pas de \u003cstrong\u003eMODELCRÈME\u003c\/strong\u003e Op een zeer fijne en lichte manier aanbrengen; het moet het gehele te bleken haar bedekken, zonder klontjes of overmatige dikte.\u003c\/div\u003e \u003cdiv\u003eVerdeel het haar gelijkmatig door te masseren en\/of te borstelen.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e🔥Wanneer de crèmelaag naar tevredenheid is aangebracht, strooi je het zachte verzorgingspoeder eroverheen en druk je het voorzichtig aan (handmatig) om het te laten hechten.\u003c\/div\u003e \u003cdiv\u003eStrooi net zo lang door tot de gewenste kleur is bereikt.\u003c\/div\u003e \u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen verenigingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e✨Het vormt de perfecte aanvulling op elk Special One-programma, aangezien haarbleking mogelijk is op alle haartypes en -structuren, van het meest stugge tot het meest zijdezachte haar.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✨ \u003cmeta charset=\"UTF-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003e De combinatie van Model Cream en de \u003c\/span\u003eZachte verzorgingspoeder\u003cspan data-mce-fragment=\"1\"\u003e POEDER Garandeert een discrete dekking en effectieve, langdurige whitening.\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmetica die voor meer dan 90% biologisch afbreekbaar is.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van SLES, parabenen en siliconen.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet op dieren getest.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking HDPE02\u003c\/p\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eSelectie op basis van ras?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e \u003cdiv\u003e🎈 Enkele voorbeelden van rassen waarop Model Cream zich richt: Unanimiteit:\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e✔️ Alle katten\u003c\/div\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e✔️ Alle honden\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e✔️ Alle hondenrassen met een krullende vacht (Poedels, Bichons, Kerry Blue, Soft Coaten, Bedlington, enz.)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle herdershonden (Australische, Belgische, Duitse, enz.)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Cocker Spaniels (Amerikaanse, Engelse)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Tibetaanse rassen (Shih Tzu, Lhasa Apso, Tibetaanse Terriër, etc.)\u003c\/div\u003e \u003cdiv\u003e✔️ Engelse dwergspaniëls (Cavalier en King Charles)\u003c\/div\u003e \u003cdiv\u003e✔️ In het algemeen gaat het om alle lange en zijdeachtige vachten (Yorkshire, Afghan, enz.).\u003c\/div\u003e \u003cdiv\u003e✔️ Alle waterhonden, retrievers en veehonden (Newfoundlander, Berner Sennenhond, Golden Retriever, enz.)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle primitieve\/dubbele vachtrassen (Spitz, Euraziaten, Samojeden, enz.)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle terriërs (Schotse terriërs, Westies, Welsh terriërs, enz.)\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003eDe lijst is lang en niet volledig!\u003c\/div\u003e \u003cp\u003e \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37819392950451,"sku":"WEX-MODC (407)","price":59.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-27.png?v=1651837289"},{"product_id":"soft-grooming-powder-poudre-blanche","title":"ZACHT VERZORGINGSPOEDER, wit poeder","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cstrong\u003eZACHT VERZORGINGSPOEDER\u003c\/strong\u003e\u003cspan\u003e is het \u003c\/span\u003e\u003cstrong\u003eongrijpbare witte poeder\u003c\/strong\u003e\u003cspan\u003e dat we aanbevelen voor \u003c\/span\u003e \u003cstrong\u003ehet haar witter maken\u003c\/strong\u003e\u003cspan\u003e.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\u003eVoor wie is dit product?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIedereen zal het interessant vinden!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Trimmers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Fokkers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Individueel \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Concurrenten \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n\n\u003cdiv\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Maakt het haar witter \u003c\/div\u003e\n\u003cdiv\u003e✅ Fijne textuur die zachtheid geeft \u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Geeft volume aan de vacht \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Ideaal voor tentoonstellingen en wedstrijden \u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en voorgestelde toepassingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cdiv\u003e\u003cspan\u003e🔥\u003cstrong\u003e\u003cspan style=\"text-decoration: underline;\"\u003eHaar bleken in combinatie met Model Cream:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eVoor gebruik op droog haar.\u003c\/div\u003e\n\u003cdiv\u003eModelcrème zeer dun en licht aanbrengen; het moet al het te bleken haar bedekken, zonder klonten of overmatige dikte.\u003c\/div\u003e\n\u003cdiv\u003eEgaliseer de verdeling door te masseren en\/of te borstelen.\u003c\/div\u003e\n\u003cdiv\u003eAls de crèmelaag voldoende is, strooi dan het ZACHTE HUISPOEDER en zorg voor grip door (handmatige) druk.\u003c\/div\u003e\n\u003cdiv\u003eVernieuw het afstoffen totdat de gewenste kleur is verkregen.\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003cspan\u003e🔥\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eVolume geven aan het haar:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eTe gebruiken op droog haar. Strooi royaal en masseer de Soft Grooming Powder diep in om een ​​poederachtig kussen te creëren. Masseer en gebruik een borstel om de homogenisatie te optimaliseren.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen combinaties\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan\u003e✨Voltooit perfect elk Special One-programma, aangezien het bleken van het haar kan worden gedaan op alle haartypes en op alle texturen, van de grofste tot de meest zijdezachte.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e90% biologisch afbreekbare cosmetica\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van parabenen, vrij van siliconen\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet getest op dieren.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking HDPE02\u003c\/p\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eKeuze per ras?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e🎈 Enkele voorbeelden van rassen waar Soft Grooming Powder mensen blij mee maakt:\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Alle katten\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ Alle honden in de trimsalon om bleken te voorkomen \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cmeta charset=\"UTF-8\"\u003e✔️ Ideaal voor wedstrijden en tentoonstellingen \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Alle krullende vachten (Poedels, Bichons, Kerry Blue, Soft Coaten, Bedlington, etc.)\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Alle terriërs (Schots, Westie, Welsh, enz.)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Australische Herders \/ Witte Herders \u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003eDe lijst is lang en niet uitputtend!\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"250 grammes","offer_id":42694888390876,"sku":"WEX-SGP250 (54)","price":46.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/SoftGroomingPowder.png?v=1675851806"},{"product_id":"hair-strip-ear-powder","title":"Haarstrook, oorpoeder","description":"\u003ch6\u003e\n\u003cspan style=\"font-size: 1.4em;\"\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cstrong\u003ePoeder gebruikt tijdens oorsmeer - oorhygiëne \u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/h6\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\u003eVoor wie is dit product?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIedereen zal het interessant vinden!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Trimmers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Fokkers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Individueel \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Concurrenten \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n\n\u003cdiv\u003e\u003cspan\u003e✨ \u003cmeta charset=\"UTF-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eHAIR STRIP \u003c\/strong\u003eis een \u003cstrong data-mce-fragment=\"1\"\u003epoeder\u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003e voor fijne, ongrijpbare ontharing\u003c\/strong\u003e speciaal gemaakt om gemakkelijk haren van de oorflap van de hond te verwijderen.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✨Door de speciale formule kan het ook worden gebruikt voor ontharingsbehandelingen, vooral voor de moeilijkste gebieden zoals de oren, wangen en rug van de hond. Bij regelmatig gebruik blijft het oor hygiënisch en beschermd tegen externe agressies.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Maakt ontharen makkelijker \u003c\/div\u003e\n\u003cdiv\u003e✅ Zorgt ervoor dat het oor schoon blijft en wordt beschermd tegen externe agressies\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Prettigere, preciezere en snellere ontharing\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ \u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003eIdeaal voor showhonden en alle te waxen rassen\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"UTF-8\"\u003e✅ Maximaliseer het volume door een poederachtig kussen te creëren.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"font-size: 1.4em;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Creëren van textuur \u003cspan data-mce-fragment=\"1\"\u003ebij honden waarvan de vacht geen houvast heeft, waarvan de zachtheid een defect is\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en voorgestelde toepassingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cdiv\u003e\u003cspan\u003e🔥Besprenkel het product op de gewenste plaatsen (knijp in de fles om een ​​poederwolk vrij te geven). \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan lang=\"it\" xml:lang=\"it\"\u003e🔥Maak het haar van de oren voorzichtig om het gemakkelijker in te nemen. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e🔥Epileer met duim en wijsvinger of ontharingsmes.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen combinaties\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan\u003e▶︎ Ideale aanvulling op elk Special One-programma.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e▶︎ \u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003eDe \u003c\/span\u003e\u003cstrong data-mce-fragment=\"1\"\u003egranulometrie \u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003ewordt beoordeeld\u003c\/span\u003e\u003cstrong data-mce-fragment=\"1\"\u003e \"ultra fijn\"\u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003e, dus het is een perfecte aanvulling op ons andere TRIM-VERZORGINGSPOEDER, dat \" gemiddeld\". De combinatie van de twee poeders maakt het dus mogelijk om op alle situaties in te spelen, voor alle haartypes.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e+90% biologisch afbreekbare cosmetica\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van parabenen, zonder siliconen\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet getest op dieren.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking HDPE02\u003c\/p\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eKeuze per ras?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e🎈 Enkele voorbeelden van rassen waar Hair Strip\/ Par Powder mensen blij mee maakt:\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Alle katten\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ Alle honden \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ Textuurcreatie voor honden zoals: Bichons, Poodles... \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️\u003cmeta charset=\"UTF-8\"\u003eIdeaal voor showhonden en alle rassen om te waxen\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"PetDesign shop","offers":[{"title":"Default Title","offer_id":37819393015987,"sku":"WEX-HSTR 050 (125)","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-41.png?v=1651839973"},{"product_id":"aqua-nettoyant-oculaire","title":"AQUA oogreiniger","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eAQUA oogreiniger is een ultrazachte ooglotion met plantenextracten. \u003cbr\u003eEindelijk een product waarmee je de sporen van tranen kunt VERWIJDEREN dankzij natuurlijke actieve ingrediënten.\u003c\/span\u003e\u003cspan\u003e.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" data-mce-fragment=\"1\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-fragment=\"1\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-fragment=\"1\" data-mce-style=\"color: #ffffff;\"\u003eVoor wie is dit product?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIedereen zal het interessant vinden!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Trimmers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Fokkers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Individueel \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Concurrenten \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Beschadigt het haar niet\u003c\/div\u003e\n\u003cdiv\u003e✅ Wist sporen van tranen\u003c\/div\u003e\n\u003cdiv\u003e✅ Voorkom jeuk en roodheid\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Voorkomt dat de groeven roze\/bruin, geoxideerd, onaangenaam ruiken of lelijk worden\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cspan\u003e✅ Verwijder het kader uit uw ooghoek.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003ebeschermt en kalmeert tranende ogen\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eCompositie: focus op natuurlijkheid!\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003ct42 \u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003eHet oog van uw huisdier wordt voortdurend blootgesteld aan verschillende oorzaken van irritatie in onze omgeving: stof, UV-stralen, vreemde deeltjes en vele andere dingen. Het is daarom belangrijk om het te verzorgen met natuurlijke en effectieve producten.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003eAQUA is een sterk geconcentreerde ooglotion met plantenextracten en gedestilleerd water.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eU zult de natuurlijke samenstelling waarderen:\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e🍀 E\u003cspan data-mce-fragment=\"1\"\u003ekamille extracten \u003c\/span\u003e(\u003cmeta charset=\"utf-8\"\u003ekalmerende werking), \u003c\/div\u003e\n\u003cdiv\u003e🍀 Limoen (a\u003cspan data-mce-fragment=\"1\"\u003entiseptisch, ontstekingsremmend en antioxidant\u003c\/span\u003e), \u003c\/div\u003e\n\u003cdiv\u003e🍀 L\u003cspan data-mce-fragment=\"1\"\u003eeen citroenmelisse\u003c\/span\u003e (vitaliserend, verzachtend en verzachtend een\u003cspan data-mce-fragment=\"1\"\u003eactieve\u003c\/span\u003e),\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e🍀 Mallow (\u003cmeta charset=\"utf-8\"\u003ehydraterende en antioxiderende actieve ingrediënten\u003c\/span\u003e)\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003e🍀L\u003c\/span\u003e'aloë vera ( hydrateert\u003cspan data-mce-fragment=\"1\"\u003e en\u003c\/span\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003evoorziet de huid van vitamines\u003ct1 \u003e)\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e🍀Zeewater (\u003cmeta charset=\"utf-8\"\u003ehelpt de huidbarrière te versterken)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en voorgestelde toepassingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #000000;\" data-mce-style=\"color: #000000;\"\u003e\u003cem\u003e\u003c\/em\u003eKies indien nodig deze reiniger:\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 om de ogen van honden voorzichtig schoon te maken\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 om \u003cspan data-mce-fragment=\"1\"\u003escheursporen te verwijderen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 om een ​​protocol te implementeren om \u003cmeta charset=\"utf-8\"\u003eoogverstopping\u003c\/strong\u003e\u003c\/div\u003e te voorkomen\n\u003cdiv\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eMAAR:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e❌ Gebruik \u003cmeta charset=\"utf-8\"\u003enooit watten om schoon te maken.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eAQUA voorzichtig aanbrengen door de lotion in het oog en in het traanafvoergebied te verstuiven. \u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eReinig het overtollige en onzuiverheden voorzichtig met een gaasje.\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eHerhaal deze handeling aan het begin van de behandeling elke dag en bij elk bad voor een perfecte hygiëne.\u003ct1 \u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eDaarna vindt u het ritme van de routine die bij uw dier past (in het algemeen is een of twee wekelijkse toedieningen voldoende voor een gezond dier).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003eDankzij de innovatieve formule kan het zowel in het oog als eromheen worden gebruikt.\u003cbr\u003eBinnen een paar weken heeft uw hond of kat weer gezonde ogen\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen combinaties\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003eHet hele Special One-assortiment is compatibel met AQUA OTO\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e🤝\u003cmeta charset=\"utf-8\"\u003eDe lotion is goed te combineren met een medische behandeling.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eBegin elk Special One-bad met een spray van AQUA-reiniger in elk oog.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e+90% biologisch afbreekbare cosmetica\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van parabenen, vrij van siliconen\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet getest op dieren.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking PEHD02\u003c\/p\u003e.","brand":"Endemik Sas","offers":[{"title":"100 mL","offer_id":37819393048755,"sku":"WAQ-AQ100 (136)","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/PHOTO-2021-07-12-23-13-599_c22f8065-ac78-43d2-8634-0ee2d8d3ea12.jpg?v=1680465993"},{"product_id":"aqua-oto-hygiene-des-oreilles","title":"AQUA OTO Oorhygiëne","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eAQUA OTO is een specifieke lotion voor \u003c\/span\u003e\u003cspan\u003eNiet alleen voor het reinigen van de oren, maar ook ter voorkoming van verstoppingen en infecties.\u003c\/span\u003e\u003c\/p\u003e \u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e \u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody data-mce-fragment=\"1\"\u003e \u003ctr data-mce-fragment=\"1\"\u003e \u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr data-mce-fragment=\"1\"\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003eIedereen zal er wel iets interessants in vinden!\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Trimmers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Veeboeren \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Individuen \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Concurrenten \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Behandelaars\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✅ Beschadigt het haar niet.\u003c\/div\u003e \u003cdiv\u003e✅ Deodorantwerking \u003c\/div\u003e \u003cdiv\u003e✅ Voorkomt jeuk en roodheid.\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Doe een bod kalmerend effect\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003cspan\u003e✅ Verwijdering van oorsmeer en andere olieachtige onzuiverheden.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eSamenstelling: met de nadruk op natuurlijke ingrediënten!\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cp\u003eAQUA OTO is een innovatieve ooroplossing. De oplosbaarheid ervan maakt het mogelijk om oorsmeer en andere olieachtige onzuiverheden op te lossen en te verwijderen.\u003cbr\u003eVoor een effectieve reiniging van de oren van uw honden en katten dient het product regelmatig te worden aangebracht, vooral tijdens het baden, zodat het verwijderde vuil de vacht niet beschadigt.\u003cbr\u003eHet is hypoallergeen en is ontwikkeld met het oog op respect voor alle huidtypen, terwijl het tegelijkertijd bijdraagt ​​aan een goede werking van de epidermale stofwisseling.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cstrong\u003eU zult de natuurlijke samenstelling ervan waarderen:\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e🍀 HEEFT\u003cspan data-mce-fragment=\"1\"\u003ellatoïne- en kamille-extracten \u003c\/span\u003e(\u003cmeta charset=\"utf-8\"\u003ekalmerende actie), \u003c\/div\u003e \u003cdiv\u003e🍀 M\u003cspan data-mce-fragment=\"1\"\u003epepermunt thee\u003c\/span\u003e (\u003cmeta charset=\"utf-8\"\u003e(ter voorkoming van jeuk en roodheid) \u003c\/div\u003e \u003cdiv\u003e🍀 L' \u003cspan data-mce-fragment=\"1\"\u003eDuizendblad, kaasjeskruid en citroenmelisse\u003c\/span\u003e (\u003cmeta charset=\"utf-8\"\u003edeodoriserende werking),\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e🍀 Gist (\u003c\/span\u003e(versterkt en verheldert de vacht en bevordert het natuurlijke microbiële evenwicht van de huid)\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en suggesties voor gebruik\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cspan style=\"color: #000000;\" data-mce-style=\"color: #000000;\"\u003e\u003cem\u003e\u003c\/em\u003eKies deze reiniger als u het volgende nodig heeft:\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003c\/span\u003e\u003cbr\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 van Maak de oren van honden en katten voorzichtig schoon.\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 van \u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003einfecties voorkomen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 een protocol opstellen om te voorkomen \u003cmeta charset=\"utf-8\"\u003eoorverstopping\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003cbr\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eMAAR :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e❌ Geboren \u003cmeta charset=\"utf-8\"\u003eGebruik nooit watten om de binnenkant van de oren van uw huisdier schoon te maken.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cmeta charset=\"utf-8\"\u003eHet is raadzaam om het dons in het paviljoen van tevoren te verwijderen (gebruik hiervoor een haarstrip).\u003cbr\u003eHoud de kop van het dier vast met de snuit naar de grond gericht en til het oor op zodat de gehoorgang verticaal staat.\u003cbr\u003eGiet Aqua Oto eroverheen en masseer het vervolgens een paar seconden in. \u003cbr\u003eVeeg met een met het product bevochtigd gaasje voorzichtig de binnenkant van het oor schoon om onzuiverheden te verwijderen.\u003cbr\u003eWanneer uw hond zich uitschudt, zal de centrifugale kracht van de beweging de werking van het product en de afvoer van onzuiverheden alleen maar versterken.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen verenigingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003eHet volledige Special One-assortiment is compatibel met AQUA OTO\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e🤝\u003cmeta charset=\"utf-8\"\u003eDe lotion kan prima in combinatie met een medische behandeling worden gebruikt.\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cbr\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eBegin bij elke wasbeurt met Special One door het product aan te brengen. lotion in elk oor.\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmetica die voor meer dan 90% biologisch afbreekbaar is.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van parabenen en siliconen.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet op dieren getest.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking HDPE02\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"150 ml","offer_id":37819393081523,"sku":"WEX-AQUA OTO (144)","price":28.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-40.png?v=1651839867"},{"product_id":"shampoing-salon-toilettage","title":"BLUE SKY PRO, 40 keer verdunbaar!","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBLUE SKY PRO\u003c\/strong\u003e Special One is een zeer geconcentreerde professionele shampoo. \u003cstrong\u003euniverseel\u003c\/strong\u003e. Ontworpen voor trimsalons en fokkers, biedt het de volgende mogelijkheden: \u003cstrong\u003ede beste prijs-kwaliteitverhouding in dit prijssegment.\u003c\/strong\u003e : Uiterst veelzijdig, uiterst zuinig, uiterst efficiënt — zonder ooit de huid te beschadigen of te ontvetten.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eVoornamelijk ontworpen voor de \u003cstrong\u003etrimsalons en fokkers\u003c\/strong\u003e — maar iedereen zal er echt baat bij hebben. Let op: voor deelnemers die zich voorbereiden op een wedstrijd, is een specialistische shampoo effectiever op het betreffende gebied (Bain Pro, Platinum Pro, 4Poodle, Keratine Pro…).\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDe formule ervan, die het volgende omvat: \u003cstrong\u003ehydraterende bestanddelen en een structurerende verzachtende crème\u003c\/strong\u003e, is ontworpen voor \u003cstrong\u003eVersnel en optimaliseer de verzorging.\u003c\/strong\u003e terwijl het maximale resultaten oplevert voor de haarstructuur. Verdund tot 1\/40 wordt het merkbaar \u003cstrong\u003egoedkoper dan discountmerken\u003c\/strong\u003e — met dezelfde zorg die kenmerkend is voor de hoogwaardige Special One-formules.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eVoor concurrenten:\u003c\/strong\u003e Blue Sky Pro is een uitstekend product voor allerlei toepassingen, maar een gespecialiseerde shampoo zal ongeëvenaarde resultaten behalen in zijn specifieke toepassing. \u003cstrong\u003eBain Pro, Platinum Pro, 4Poodle, Keratin Pro, Aquablu Pro\u003c\/strong\u003e afhankelijk van het doel.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniversele reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en desinfecteert grondig, zelfs bij de vuilste dieren, zonder ze te ontvetten of te beschadigen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGloed \u0026amp; helderheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft alle haartypes een boost: voelt aangenamer aan en geeft meer glans.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinebescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVersterkt de natuurlijke afweer om de haarstructuur te beschermen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRegelmatig baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeen risico voor huid en haar, zelfs niet bij intensief gebruik in salons.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 7v10M9.5 9.5h4a1.6 1.6 0 0 1 0 3.2h-3a1.6 1.6 0 0 0 0 3.2h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUiterst voordelig\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerdunning 1\/40: lagere kosten per bad dan bij \u0026quot;goedkope\u0026quot; merken, met de Special One-normen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDe acties van Blue Sky Pro beter begrijpen.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 3 }, { label: \"Volume\", value: 3 }, { label: \"Démêlant\", value: 2 }, { label: \"Soin peau\", value: 2 }, { label: \"Brillance\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Actieve Blue Sky Pro JS-MAPPING - Betrouwbaar) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Blue Sky Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen natuurlijke formule gericht op puurheid, hydratatie en huidbescherming. \u003cstrong\u003eVrij van parabenen en siliconen.\u003c\/strong\u003e. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Blue Sky Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'yuzu', label:'Yuzu Ceramide B', latin:'Céramide d’agrume', family:'cond',\n desc:\"Céramide d’agrume qui améliore la souplesse de la couche externe de la peau et favorise le renouvellement cutané : elle renforce la barrière épidermique.\",\n targets: [\n { anchor:'epiderme', action:\"Renfort de la barrière\", benefit:\"Renforce la barrière épidermique et améliore la souplesse de la couche externe.\" },\n { anchor:'cuticule', action:\"Lissage du poil\", benefit:\"Aide à lisser la surface du poil pour un toucher plus doux.\" }\n ]\n },\n {\n id:'ananas', label:'Extrait d’Ananas', latin:'Ananas comosus', family:'bio',\n desc:\"Tonifiant, hydratant et exfoliant naturel : il repulpe la peau, revitalise le manteau et favorise l’élimination des cellules mortes.\",\n targets: [\n { anchor:'epiderme', action:\"Exfoliation douce\", benefit:\"Favorise l’élimination des cellules mortes et repulpe la peau.\" },\n { anchor:'tige_poil', action:\"Revitalisation\", benefit:\"Revitalise le manteau et lui redonne de la vitalité.\" }\n ]\n },\n {\n id:'thym', label:'Huile de Thym', latin:'Thymus vulgaris', family:'botanic',\n desc:\"Huile aux vertus purifiantes et antioxydantes : elle assainit la peau en profondeur et protège le manteau des agressions extérieures.\",\n targets: [\n { anchor:'glande_seb', action:\"Purification\", benefit:\"Assainit la peau en profondeur au niveau du film cutané.\" },\n { anchor:'tige_poil', action:\"Protection antioxydante\", benefit:\"Protège le manteau des agressions extérieures.\" }\n ]\n },\n {\n id:'teatree', label:'Tea Tree (Théier)', latin:'Melaleuca alternifolia', family:'botanic',\n desc:\"Actif antiseptique naturel bien connu en cosmétique professionnelle : il purifie, assainit et tonifie la peau.\",\n targets: [\n { anchor:'epiderme', action:\"Action antiseptique\", benefit:\"Purifie et assainit la peau naturellement.\" },\n { anchor:'glande_sud', action:\"Effet tonifiant\", benefit:\"Tonifie la peau et limite les déséquilibres de surface.\" }\n ]\n },\n {\n id:'palmier', label:'Huile de Palmier', latin:'Huile végétale nourrissante', family:'aqua',\n desc:\"Huile très nourrissante et protectrice : elle prévient la déshydratation cutanée et maintient la barrière hydrolipidique.\",\n targets: [\n { anchor:'film_hydro', action:\"Maintien de la barrière\", benefit:\"Prévient la déshydratation et maintient la barrière hydrolipidique.\" },\n { anchor:'epiderme', action:\"Nutrition protectrice\", benefit:\"Nourrit et protège la peau en profondeur.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e40\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEén deel op elke 40 delen water\u003cbr\u003ede meest voordelige in het assortiment\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 10 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 40 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 200 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e25\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e25\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1.5\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdruk\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/40)\n var cycles = [\n { target: '1 L', ml: '25', g: '25', spoon: '1,5', pump: '1' },\n { target: '2 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '4 L', ml: '100', g: '100', spoon: '6', pump: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eWoonkamer \u0026amp; fokken — eerste algemene shampoo of bad\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eBlue Sky Pro is uitstekend geschikt als shampoo op zich, maar ook als eerste stap in een shampoo-routine met twee wasbeurten.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEerste shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruik Blue Sky Pro verdund tot \u003cstrong\u003e1\/40\u003c\/strong\u003e Was eerst het natte haar met shampoo en spoel het daarna uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpecifieke shampoo (optioneel)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eJe kunt vervolgens, afhankelijk van de behoefte, een meer specifieke shampoo gebruiken: \u003cstrong\u003eBain Pro of Aquarosa Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème en\/of Bombastic\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMogelijkheid tot één enkele shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoor \u0026quot;gemiddelde\u0026quot; honden in de woonkamer kan Blue Sky Pro de ideale oplossing zijn. \u003cstrong\u003eunieke shampoo\u003c\/strong\u003e : Het voldoet aan alle huidige behoeften met een ongeëvenaarde winstgevendheid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensieve reiniging — voor mannelijke honden, honden met overgewicht of zeer vuile honden\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor gevallen die een sterke reinigingskracht vereisen (mannen met urine, vette huid, extreem vuil).\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVergelijk op basis van intensiteit\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVergelijk met \u003cstrong\u003eAquapure Pro\u003c\/strong\u003e Afhankelijk van het probleem bevinden beide zich op dit register, waarbij Blue Sky Pro iets milder is.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEerste geconcentreerde shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruik Blue Sky Pro in \u003cstrong\u003eeerste shampoo, puur of geconcentreerd\u003c\/strong\u003e Reinig de vuilste plekken en spoel vervolgens af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eIntegratie in de routine vóór het baden.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHet kan ook zijn \u003cstrong\u003edirect geïntegreerd in de Bio Energy Plus\u003c\/strong\u003e Voor een optimale werking, direct vanaf het voorbad.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGeschikte afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSluit het bad af met een shampoo en conditioner die geschikt zijn voor het type vacht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Blue Sky Pro in de kern + modulaire uitbreidingen. Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eDe directe concurrent van Blue Sky Pro blijft...\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e : Beide producten zijn geschikt voor alle rassen, maar Blue Sky Pro heeft een meer reinigende werking, terwijl Aquarosa Pro milder en voedender is. Vergelijk ze op basis van de behoeften van uw huisdier. Onze favoriete combinaties:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen tweede, specifiek voor dit doel ontwikkelde shampoo wordt aanbevolen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste retouche is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Absolute 4Poodle · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Blue Sky Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱🐶 Alle katten \u0026amp; alle honden \u003cspan\u003e(universeel per definitie)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Kort, dubbel of middellang haar \u0026amp; schaar knippen \u003cspan\u003e(in de woonkamer)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — de universele generalist, van de woonkamer tot de boerderij.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"10 Litres","offer_id":37819393179827,"sku":"WEX-BLSKY10L (89)","price":168.1,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819393212595,"sku":"WEX-BLSKY250 (86)","price":23.95,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819393245363,"sku":"WEX-BLSKY1L (87)","price":48.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/blueSkyPro.png?v=1680257162"},{"product_id":"parfum-de-luxe-by-special-one","title":"Luxe parfum, van Special One","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Outfit:wght@200;300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e \u003cstyle\u003e\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --black: #111;\n --dark: #222;\n --charcoal: #333;\n --gray-dark: #555;\n --gray: #777;\n --gray-mid: #999;\n --gray-light: #bbb;\n --silver: #d0d0d0;\n --pearl: #e5e5e5;\n --smoke: #f0f0f0;\n --off-white: #f7f7f7;\n --white: #fff;\n --font-display: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'Outfit', Helvetica, sans-serif;\n }\n\n html { scroll-behavior: smooth; font-size: 16px; }\n\n body {\n font-family: var(--font-body);\n background: var(--white);\n color: var(--black);\n line-height: 1.6;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ==================== HERO ==================== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 60px 24px;\n background: var(--white);\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n\n .hero-badge {\n display: inline-block;\n font-family: var(--font-body);\n font-weight: 500;\n font-size: 0.7rem;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--gray);\n border: 1px solid var(--pearl);\n padding: 8px 24px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n animation: fadeDown 1s ease both;\n }\n\n .hero-title {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(2.8rem, 8vw, 7rem);\n line-height: 1.05;\n letter-spacing: -0.02em;\n color: var(--black);\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.2s ease both;\n }\n\n .hero-title em {\n font-style: italic;\n font-weight: 300;\n color: var(--gray);\n }\n\n .hero-subtitle {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: clamp(0.95rem, 2vw, 1.15rem);\n color: var(--gray);\n max-width: 560px;\n margin-top: 28px;\n line-height: 1.7;\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.4s ease both;\n }\n\n .hero-line {\n width: 1px;\n height: 80px;\n background: linear-gradient(to bottom, transparent, var(--pearl), transparent);\n margin-top: 50px;\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.6s ease both;\n }\n\n .hero-scroll {\n font-family: var(--font-body);\n font-size: 0.65rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gray-light);\n margin-top: 16px;\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.7s ease both;\n }\n\n \/* ==================== PYRAMIDE ==================== *\/\n .pyramide-section {\n padding: 100px 24px;\n background: var(--off-white);\n position: relative;\n }\n\n .pyramide-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--pearl), transparent);\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 70px;\n }\n\n .section-label {\n font-family: var(--font-body);\n font-weight: 500;\n font-size: 0.65rem;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 20px;\n }\n\n .section-title {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(2rem, 4.5vw, 3.2rem);\n color: var(--black);\n line-height: 1.15;\n }\n\n .pyramide-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n max-width: 1000px;\n margin: 0 auto;\n background: var(--pearl);\n }\n\n .pyramide-card {\n background: var(--white);\n padding: 48px 32px;\n text-align: center;\n transition: background 0.4s ease;\n }\n\n .pyramide-card:hover { background: var(--smoke); }\n\n .pyramide-icon { font-size: 1.6rem; margin-bottom: 20px; color: var(--silver); }\n\n .pyramide-card h3 {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: 1.35rem;\n color: var(--black);\n margin-bottom: 6px;\n }\n\n .pyramide-card .subtitle {\n font-family: var(--font-body);\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 18px;\n }\n\n .pyramide-card p {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 0.88rem;\n color: var(--gray);\n line-height: 1.7;\n }\n\n @media (max-width: 768px) {\n .pyramide-grid { grid-template-columns: 1fr; }\n }\n\n \/* ==================== FRAGRANCES ==================== *\/\n .fragrances-section {\n padding: 100px 24px;\n background: var(--white);\n position: relative;\n }\n\n .fragrances-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--pearl), transparent);\n }\n\n .featured-fragrances {\n max-width: 1100px;\n margin: 0 auto 100px;\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n .featured-card {\n display: grid;\n grid-template-columns: 1fr 1fr;\n overflow: hidden;\n transition: transform 0.5s ease;\n }\n\n .featured-card:hover { transform: translateY(-2px); }\n\n .featured-card:nth-child(even) .featured-visual { order: 2; }\n .featured-card:nth-child(even) .featured-content { order: 1; }\n\n .featured-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 60px 40px;\n background: var(--black);\n position: relative;\n min-height: 350px;\n }\n\n .featured-visual .fragrance-initial {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(5rem, 10vw, 9rem);\n color: var(--white);\n opacity: 0.06;\n position: absolute;\n user-select: none;\n }\n\n .featured-visual .fragrance-name-display {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(2.2rem, 4vw, 3.5rem);\n color: var(--white);\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .featured-visual .fragrance-name-display em {\n display: block;\n font-style: italic;\n font-size: 0.45em;\n color: var(--gray-mid);\n margin-top: 8px;\n font-weight: 300;\n }\n\n .featured-content {\n padding: 50px 44px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: var(--white);\n }\n\n .featured-tag {\n font-family: var(--font-body);\n font-size: 0.6rem;\n font-weight: 500;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 16px;\n }\n\n .featured-content h3 {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(1.5rem, 3vw, 2rem);\n color: var(--black);\n margin-bottom: 16px;\n line-height: 1.2;\n }\n\n .featured-content .desc {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 0.9rem;\n color: var(--gray);\n line-height: 1.75;\n margin-bottom: 28px;\n }\n\n .notes-row { display: flex; gap: 24px; flex-wrap: wrap; }\n .note-block { flex: 1; min-width: 140px; }\n\n .note-block .note-label {\n font-family: var(--font-body);\n font-size: 0.6rem;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 6px;\n }\n\n .note-block .note-value {\n font-family: var(--font-display);\n font-weight: 400;\n font-size: 0.92rem;\n color: var(--charcoal);\n line-height: 1.5;\n font-style: italic;\n }\n\n @media (max-width: 768px) {\n .featured-card { grid-template-columns: 1fr; }\n .featured-card:nth-child(even) .featured-visual { order: 1; }\n .featured-card:nth-child(even) .featured-content { order: 2; }\n .featured-content { padding: 36px 28px; }\n .featured-visual { min-height: 240px; padding: 40px 28px; }\n .notes-row { gap: 16px; }\n .note-block { min-width: 100%; }\n }\n\n \/* — Classics — *\/\n .classics-header { text-align: center; max-width: 700px; margin: 0 auto 60px; }\n\n .classics-divider {\n width: 60px;\n height: 1px;\n background: var(--pearl);\n margin: 0 auto 60px;\n }\n\n .classics-grid {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1px;\n background: var(--pearl);\n }\n\n .classic-card {\n background: var(--white);\n padding: 36px 32px;\n border-left: 2px solid var(--pearl);\n transition: border-color 0.3s ease, background 0.3s ease;\n }\n\n .classic-card:hover {\n border-color: var(--black);\n background: var(--off-white);\n }\n\n .classic-card .card-name {\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 1.4rem;\n color: var(--black);\n margin-bottom: 4px;\n }\n\n .classic-card .card-theme {\n font-family: var(--font-body);\n font-size: 0.7rem;\n font-weight: 400;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 22px;\n }\n\n .classic-card .card-notes { display: flex; flex-direction: column; gap: 14px; }\n\n .classic-card .card-note-row { display: flex; align-items: baseline; gap: 12px; }\n\n .classic-card .card-note-label {\n font-family: var(--font-body);\n font-size: 0.58rem;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gray-mid);\n min-width: 52px;\n flex-shrink: 0;\n }\n\n .classic-card .card-note-val {\n font-family: var(--font-display);\n font-weight: 400;\n font-size: 0.88rem;\n color: var(--gray-dark);\n font-style: italic;\n line-height: 1.45;\n }\n\n @media (max-width: 500px) {\n .classics-grid { grid-template-columns: 1fr; }\n .classic-card { padding: 28px 24px; }\n }\n\n \/* ==================== USAGE ==================== *\/\n .usage-section {\n padding: 80px 24px;\n background: var(--off-white);\n position: relative;\n }\n\n .usage-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--pearl), transparent);\n }\n\n .usage-inner { max-width: 640px; margin: 0 auto; text-align: center; }\n\n .usage-inner h3 {\n font-family: var(--font-display);\n font-weight: 400;\n font-size: 1.6rem;\n color: var(--black);\n margin-bottom: 24px;\n }\n\n .usage-tips {\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-top: 40px;\n flex-wrap: wrap;\n }\n\n .usage-tip { text-align: center; max-width: 200px; }\n .usage-tip .tip-icon { font-size: 1.4rem; margin-bottom: 12px; color: var(--silver); }\n\n .usage-tip .tip-text {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 0.82rem;\n color: var(--gray);\n line-height: 1.6;\n }\n\n .usage-tip .tip-text strong { color: var(--black); }\n\n \/* ==================== FOOTER ==================== *\/\n .footer {\n padding: 50px 24px;\n text-align: center;\n background: var(--black);\n }\n\n .footer-brand {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: 1.1rem;\n color: var(--gray-mid);\n letter-spacing: 0.05em;\n }\n\n .footer-brand strong { color: var(--white); font-weight: 500; }\n\n .footer-sub {\n font-family: var(--font-body);\n font-size: 0.7rem;\n color: var(--gray-dark);\n margin-top: 10px;\n letter-spacing: 0.1em;\n }\n\n \/* ==================== ANIMATIONS ==================== *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeDown {\n from { opacity: 0; transform: translateY(-16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\u003c\/style\u003e \u003c!-- HELD --\u003e \u003csection class=\"hero\"\u003e \u003ch2 class=\"hero-badge\"\u003eSpecial One Italia — Parfumlijn\u003c\/h2\u003e \u003ch2 class=\"hero-title\"\u003eParfums \u003cem\u003eUitzonderlijk\u003c\/em\u003e\u003cbr\u003evoor dieren\u003c\/h2\u003e \u003cp class=\"hero-subtitle\"\u003eEen collectie premium geuren, gecreëerd in Grasse, om uw huisdieren een unieke geurbeleving te bieden. De luxueuze finishing touch die uw verzorgingsroutine perfect afrondt.\u003c\/p\u003e \u003cdiv class=\"hero-line\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"hero-scroll\"\u003eOntdek de collectie ↓\u003c\/div\u003e \u003c\/section\u003e \u003c!-- OLFACTORISCHE PIRAMIDE --\u003e \u003csection class=\"pyramide-section\"\u003e \u003cdiv class=\"section-header reveal\"\u003e \u003cdiv class=\"section-label\"\u003eParfums begrijpen\u003c\/div\u003e \u003ch2 class=\"section-title\"\u003eDe reukpiramide\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"pyramide-grid\"\u003e \u003cdiv class=\"pyramide-card reveal\"\u003e \u003cdiv class=\"pyramide-icon\"\u003e△\u003c\/div\u003e \u003ch3\u003eTop Note\u003c\/h3\u003e \u003cdiv class=\"subtitle\"\u003eDe vlucht\u003c\/div\u003e \u003cp\u003eVluchtig, ongrijpbaar en licht, dat is de eerste indruk. Fris en levendig, het prikkelt direct de zintuigen.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"pyramide-card reveal\"\u003e \u003cdiv class=\"pyramide-icon\"\u003e◇\u003c\/div\u003e \u003ch3\u003eHartnoot\u003c\/h3\u003e \u003cdiv class=\"subtitle\"\u003eHet personage\u003c\/div\u003e \u003cp\u003eMinder intens maar des te hardnekkiger, komt het tot leven wanneer de topnoot vervaagt. Het is de ziel van de geur.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"pyramide-card reveal\"\u003e \u003cdiv class=\"pyramide-icon\"\u003e▽\u003c\/div\u003e \u003ch3\u003eAchtergrondinformatie\u003c\/h3\u003e \u003cdiv class=\"subtitle\"\u003eDe rouw\u003c\/div\u003e \u003cp\u003eNiet heel intens, maar wel heel persistent; het schept een band en loyaliteit. Het is de herinnering aan het parfum.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- GEUREN --\u003e \u003csection id=\"collection\" class=\"fragrances-section\"\u003e \u003cdiv class=\"section-header reveal\"\u003e \u003cdiv class=\"section-label\"\u003eNieuwe creaties\u003c\/div\u003e \u003ch2 class=\"section-title\"\u003eKenmerkende geuren\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"featured-fragrances\"\u003e \u003c!-- CIURI CIURI --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eCC\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eCiuri Ciuri\u003cem\u003eBloemrijk \u0026amp; Nostalgisch\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNieuwe geur — 100 ml\u003c\/div\u003e \u003ch3\u003eEen emotionele reis door een bloementuin.\u003c\/h3\u003e \u003cp class=\"desc\"\u003eGeïnspireerd door het beroemde Italiaanse lied, neemt Ciuri Ciuri je mee naar een tuin die het hele jaar door in bloei staat. Deze frisse, bloemige geur roept nostalgische gevoelens op voor vervlogen tijden en brengt een vleugje frisheid en vreugde. Elke spray is een geurige omhelzing die je partner verandert in een boodschapper van pure emotie.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHoofd\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eViooltje, oranjebloesem\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHart\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eRoos, geranium\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eOnderkant\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eJasmijn, witte muskus\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- DE BEL --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eLB\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eDe bel\u003cem\u003eFruitig \u0026amp; Elegant\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNieuwe geur — 100 ml\u003c\/div\u003e \u003ch3\u003eFruitige zoetheid \u0026amp; houtachtige verfijning\u003c\/h3\u003e \u003cp class=\"desc\"\u003eBell is een zoete en fruitige geur, verrijkt met bloemige en houtachtige noten. Ideaal voor kleine honden met een zachtaardig en aanhankelijk karakter. Het geeft hun vacht een elegante en verfijnde uitstraling, perfect voor speciale gelegenheden en sociale uitjes.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHoofd\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eSinaasappel, mandarijn, bergamot, citroen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHart\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eJasmijn, lelietje van de vallei, ylang-ylang, lavendel, perzik, viooltje\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eOnderkant\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eCederhout, sandelhout, witte muskus\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- KIKINCI --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eKi\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eKikinci\u003cem\u003eKosten \u0026amp; Pittig\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNieuwe geur — 100 ml\u003c\/div\u003e \u003ch3\u003ePositieve energie \u0026amp; avontuurlijke geest\u003c\/h3\u003e \u003cp class=\"desc\"\u003eKikinci is een explosie van frisheid en vitaliteit, ideaal voor uitbundige en energieke honden. De frisse en kruidige geur roept associaties op met reizen, buitenspelen en beweging. Eén spray is genoeg om je trouwe viervoeter op elk avontuur te vergezellen met een flinke dosis positieve energie.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHoofd\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eCitroen, sinaasappel, bergamot, zwarte bes\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHart\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eSandelhout, perzikbloesem, zagara, lelietje-van-de-dalen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eOnderkant\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eWitte musk, vanille\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BABY PAW --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eBP\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eBaby Paw\u003cem\u003eZacht \u0026amp; Fijnproever\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNieuwe geur — 100 ml\u003c\/div\u003e \u003ch3\u003eDe tederheid van een jeugdherinnering\u003c\/h3\u003e \u003cp class=\"desc\"\u003eBaby Paw is de link tussen geur en emotie. Net als de geur van versgebakken koekjes waardoor je naar de keuken rende, brengt deze zoete en heerlijke geur de zorgeloze dagen van je kindertijd terug. Een lieve puppy wordt een kleine metgezel voor het leven, iemand die je overlaadt met liefde... en in een oogwenk ben je weer een kind.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHoofd\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eCitroen, sinaasappel, aardbei, framboos\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHart\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eWitte bloemen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eOnderkant\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eVanille\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- KLASSIEKERS --\u003e \u003cdiv class=\"classics-header reveal\"\u003e \u003cdiv class=\"section-label\"\u003eKlassieke collectie — Aqua-lijn\u003c\/div\u003e \u003ch2 class=\"section-title\"\u003eOnze iconische geuren\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"classics-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"classics-grid\"\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eDapper Water\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003ePittig \u0026amp; Amber\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHoofd\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eFlorence Iris, Texas Cedar\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHart\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eIndiase peper, Chinese eucalyptus, Indonesische nootmuskaat\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eOnderkant\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eAustralisch sandelhout, houtachtige noten \u0026amp; amber\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eEnergie Water\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eKosten \u0026amp; Leer\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHoofd\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eFranse viool, sandelhout, Texaanse ceder\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHart\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eSiciliaanse citroen, Franse lavendel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eOnderkant\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eAmber, leer, muskus\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eBronwater\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eBloemrijk \u0026amp; Bebost\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHoofd\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eTurkse roos, Indiase hyacint\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHart\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eKokosnoot, Comoren Ylang-Ylang\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eOnderkant\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eVanille uit Madagaskar, sandelhout uit India\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eMaanwater\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eSlank \u0026amp; Elegant\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHoofd\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eTurkse roos, Egyptische geranium, jasmijn\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHart\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eWatermeloen, ylang-ylang, magnolia\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eOnderkant\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eWitte muskus, heliotroop\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eRotswater\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eOntspannen \u0026amp; Licht\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHoofd\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eTuberoos, Zonne-akkoord\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHart\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eJasmijn, Oranjebloesem\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eOnderkant\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eBarnsteen, Oosters hout\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- GEBRUIKSAANWIJZING --\u003e \u003csection class=\"usage-section\"\u003e \u003cdiv class=\"usage-inner reveal\"\u003e \u003cdiv style=\"margin-bottom: 20px;\" class=\"section-label\"\u003eGebruiksaanwijzing\u003c\/div\u003e \u003ch3\u003eGebruikstips\u003c\/h3\u003e \u003cdiv class=\"usage-tips\"\u003e \u003cdiv class=\"usage-tip\"\u003e \u003cdiv class=\"tip-icon\"\u003e◎\u003c\/div\u003e \u003cdiv class=\"tip-text\"\u003eSpuiten bij \u003cstrong\u003e20-40 cm\u003c\/strong\u003e van het dier, op de haren van de staart en de rug.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"usage-tip\"\u003e \u003cdiv class=\"tip-icon\"\u003e✦\u003c\/div\u003e \u003cdiv class=\"tip-text\"\u003eVermijd contact met het gezicht en de slijmvliezen. \u003cstrong\u003eTwee sprays\u003c\/strong\u003e zijn voldoende.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"usage-tip\"\u003e \u003cdiv class=\"tip-icon\"\u003e♦\u003c\/div\u003e \u003cdiv class=\"tip-text\"\u003eBevat alcohol, ontvlambaar product. Buiten het bereik van kinderen houden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- VOET --\u003e\u003cfooter class=\"footer\"\u003e \u003cdiv class=\"footer-brand\"\u003e \u003cstrong\u003eSpeciale Een\u003c\/strong\u003e — Parfumlijn\u003c\/div\u003e \u003cdiv class=\"footer-sub\"\u003eGemaakt in Grasse · Gedistribueerd door PetDesign.fr\u003c\/div\u003e \u003c\/footer\u003e \u003cp\u003e \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"Bronwater","offer_id":37819393310899,"sku":"-107","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Moedig water","offer_id":37819393343667,"sku":"-126","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Energiewater","offer_id":37819393376435,"sku":"-104","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Maanwater","offer_id":37819393409203,"sku":"-101","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Rotswater","offer_id":37819393441971,"sku":"-102","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Het Bell-tijdperk","offer_id":37819393474739,"sku":"-105","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Kikinsci","offer_id":37819393507507,"sku":"-108","price":50.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/179.jpg?v=1614081492"},{"product_id":"special-rinse-shampoing-sans-rincage","title":"Speciale Spoeling, \"zonder spoelen\" shampoo","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan lang=\"it\" xml:lang=\"it\"\u003eShampoo\u003c\/span\u003e\u003cspan\u003e ZONDER SPOELING, ideaal voor het verwijderen van sporen en ander organisch vuil. Geuren verdwijnen ook onmiddellijk.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoor wie is dit product?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIedereen zal het interessant vinden!\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Trimmers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Fokkers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Individueel \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Concurrenten \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n\n\u003cdiv\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelke voordelen kan ik verwachten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Verwijder vlekken \u003c\/div\u003e\n\u003cdiv\u003e✅ Elimineert onaangename organische geuren \u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ De blauwe kleur wordt gebruikt om witte jassen te doen herleven \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eCompositie: focus op natuurlijkheid!\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003eDe formule van Special Rinse is verrijkt met een zacht reinigende en hydraterende samenstelling om de vacht aan te vullen met belangrijke functionele elementen. Zijn actie accentueert de esthetische schoonheid en glans van de vacht. Het bevat ook een belangrijk blauw pigment dat vergeling van witte vachten voorkomt. Aangenaam geparfumeerd. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eVoorbeelden en voorgestelde toepassingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cstrong\u003e\u003cem\u003e\u003c\/em\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e✨Aanbrengen op vuil, droog of nat haar.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e✨Laat even inwerken, droog of laat in de open lucht.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e✨ We doen het in de tweede shampoo, puur op het gebied dat we willen bleken in het bijzonder. \u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cem\u003e\u003c\/em\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAanbevolen combinaties\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003eKan ook gemengd worden met alle shampoos in de Special One-reeks om witte kleuren nieuw leven in te blazen.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003eWe raden u aan het alleen buiten het bad te gebruiken om vervuiling te voorkomen, organische geurtjes te vermijden \u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eOnze verplichtingen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e90% biologisch afbreekbare cosmetica\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eVrij van parabenen, vrij van siliconen\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNiet getest op dieren.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecyclebare verpakking HDPE02\u003c\/p\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eKeuze per ras?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e🎈 Enkele voorbeelden van rassen waar Special Rinse mensen blij mee maakt:\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Alle katten\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e✔️ Alle honden \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e✔️ Ideaal om in je trimkoffer te hebben voor wedstrijden of shows (kan je op het \u003c\/span\u003elaatste moment redden in geval van een ongeluk) \u003c\/div\u003e\n\u003cdiv\u003e✔️ Perfect voor Chow Chows \u003c\/div\u003e\n\u003cdiv\u003e✔️ Perfect voor een Newfoundlander \u003c\/div\u003e\n\u003cdiv\u003e✔️ Ideaal voor uw Sint Bernard \u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819397701811,"sku":"-143","price":44.0,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819397734579,"sku":"WAQ-SPR250 (138)","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-25.png?v=1651837125"},{"product_id":"aquarosa-pro","title":"AQUAROSA PRO","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUAROSA PRO\u003c\/strong\u003e Special One is een professionele shampoo speciaal ontwikkeld voor vachten die dringend voeding nodig hebben. Ultra-geconcentreerd, rijk aan vitaminen en hydraterende bestanddelen, geeft het de vacht de verzorging die ze nodig heeft. \u003cstrong\u003eDe mooiste versie van de vacht van uw huisdier, ongeacht het ras.\u003c\/strong\u003e : Maximale hydratatie en voeding, met geïntegreerde conditioner. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal het zeer interessant vinden, van professionele trimsalons tot particulieren.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDe ultrageconcentreerde formule maakt het mogelijk dat \u003cstrong\u003eom de meest uitgedroogde vachten te vangen\u003c\/strong\u003e, Met een bijzonder intense werking op de droge en gevoelige huid. Natuurlijke vitaminen en aminozuren geven de huid een opmerkelijke zachtheid en zorgen voor een langdurige glans en uitstraling. Zelfs bij zeer frequent gebruik blijft het mild voor huid en haar.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3 C8 9 6 13 6 16 a6 6 0 0 0 12 0 c0-3-2-7-6-13Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRustgevend bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGrondige reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt, desinfecteert en geeft glans aan alle haartypes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M3 8 Q9 5 15 8 T21 8\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12 Q9 9 15 12 T21 12\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16 Q9 13 15 16 T21 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-knoop\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMaakt het ontwarren en borstelen gemakkelijker en beperkt de kans op terugkerende knopen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2 L4 14 L11 14 L11 22 L20 10 L13 10 Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDirecte voeding\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIntensieve en zichtbare werking vanaf de eerste wasbeurt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3 L20 6 L20 12 Q20 18 12 22 Q4 18 4 12 L4 6 Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinebescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVersterkt de natuurlijke afweer om de haarstructuur te beschermen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3 L12 21\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12 L21 12\"\u003e\u003c\/path\u003e\u003ccircle cx=\"6\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVette huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehandelt overtollig talg en behoudt tegelijkertijd de hydrolipidenfilm.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 12 A9 9 0 0 1 18 6 L21 6\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 12 A9 9 0 0 1 6 18 L3 18\"\u003e\u003c\/path\u003e\u003cpath d=\"M18 3 L21 6 L18 9\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 21 L3 18 L6 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRegelmatig baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eZelfs bij intensief gebruik is er geen risico voor huid en haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniverseel\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHaar met volume behoudt zijn natuurlijke volume; zijdezacht, zwaar haar blijft zoals het is – en wordt zelfs nog mooier.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van AQUAROSA PRO\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Brillance\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Volume\", value: 3 }, { label: \"Texture\", value: 2 }, { label: \"Démêlant\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5); var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (met MAPPING) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van AQUAROSA PRO: innovatie, prestatie en een zoektocht naar natuurlijke ingrediënten!\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen natuurlijke formule rijk aan antioxidanten, vitaminen en zuiverende stoffen. \u003cstrong\u003eSLS-vrij\u003c\/strong\u003e, Vrij van parabenen en siliconen.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée d'AQUAROSA PRO\" src=\"data:image\/webp;base64,UklGRuaIAABXRUJQVlA4WAoAAAAQAAAA8wEAZAQAQUxQSBggAAAB\/yckSPD\/eGtEpO4jbttIcqTpmvGuL\/+Adb9+L6L\/E1A3t4\/vcoWblB2y15gzpsKGUKfsFK6smxA8GbmmQoT49Ph22NWOtB7p2IC1tXarFoXJ8eZ4OjmmFPwWiN35aMTunBh\/gJmMNDOdqslQHLeN5EhS5Z\/1Wa17R8QE+O\/FZC6GbDGd2WIzKjDbtYGnW8sNeG3AWjOeDuDme\/wSFeVFEZQPWE52crPzm2E1stysN3v+Zgcn85+zZndvdn4zsutXPP8iXPw\/m7Yk6f+Ptc+5StvOvJ1GV94sVzrL5oe3s227H2292bZ7jEfbtpk65+wdEYPsvdeKQc596oiYAF\/Yth2bI\/\/fcV33\/b4VY+Zj27Zt214cLn6spbFtNMdt26yubOmkk7aiqThVKbzPfZ0Lz\/081ahU3vfDiJgAb9j2GZLk\/9\/9iojs6u7ptd7+2LZt2\/58Htq2vbYO29asbQ8Wo8YOG1OtqojX6+OHs3u9VRExAYzfk3\/Fzcf\/zV\/mJtBTe9\/pHmJd8t\/UWm9ihTTR\/kJ1Yn5apHv8yicOx9Lss3LOGi79gciKhw+zwMx8k+SlpUfVDSmL9PgNDHvevTltQ1Eu7j9i45H8LOVGWcPFD+Ri8nyxXJBb3vZkAdWxW6YSZbIjdyZBpKWzVRpkxe9\/IgXmZaOloRgP2\/GkA0lxlpJDhl99KgRetvfMxbjighNZYKVdq1wZM33B61QGEIMDn68kxr15H80QQI+\/3yBLox\/eOFoHEOnP1AlyfzUNgPLnv1mZMR99\/1fGsGInlIS462v+HVG19xpk1vw+Jbfku+6CzGPz74fTHg0vsSLEFRcqUkvD+Z0kxFLz8xvkVPxqmRFG8Z+KVAm\/lCzC0+iNi80UbeVHihXCBN\/+\/YhqpH1PpwYwweI3E6kiLxemgLDqbESmbuUe0gQsyYGLTaIe6dOb0mjyVZi5Ipv9H9E29VPwBW\/Bsv73KHtOSVV8+7H9Fvq\/tG1BgVf47veY9P8Y\/JmJ75I+vtfF\/1nzXc+Y46XYt5\/evu2gCe9U3raEuqLsuUB8l3z1PV7odt24uTS6pMW3iZ6RZ89Zd\/H9zOOplw6+bHiVPH2tNf3+KZLoDn34sEcfDV5rojvs3o8p6FnztS+VRpf8xiNZPaIsnLjmgjvs8jlE31h8Q4EXv3qwX7PTlzNd4ss\/CZU2trJbWXBTz0L7aNm6R5fTEC76qmOW0DKSzlcOuKR+CNou360yENu05beDaOXb1Dlcqb6j1l6rrLNsKLapC58NQ9tmpyg5XKKPwKpWXu40g4tY8nwn2ur4cyVVsV2lZ9ZateLgHKVgi1h5EobWsvqihdiu8DLXXitNNx2RGluU5T\/nRMfNKs5WwnNdq1bW+9MXrAptpoW\/aIKOfzOwYKvCs3zUb2fyQZWGFnX5M6yv\/3eUhYUQ29I8Acf\/3\/NTB0tFS3Tjbc4Oye8X3KL3qqYOZqfDxXr1LVC0b\/mWw40t4e3DZqxdpIULlIIs6tQTMLRv3SvLqQktexqs6pDqo70UZIkte8DIDrKNKk5WVd+Fuo\/2Xh46IVWRXWPGEzqGvamCluiRnWCHKP1rrQktfwa06iAtzQntNJxZZxU61nJS6QZkAZtqR8fIK7uUBTZt\/BGodPDulW1lnazU3O7NGDqaP61kZDk2w9hpeJpFkGVLnoceOq8f3TeBXdWvg0mX2l03kSpYabhzxgQdo8zcrhxgYexhaOqUFvbKBbZPHUf3sGt6uYKV6sN\/66mT1rapc65oi++HdvLuuem0Lq5Fl1yFhM6+TTnIwumLzk5mf24usHt2DHXVxe2lo0W2cMdq76FrHbtK3YAsvAiaukR5e5dcXBM7b\/CEbjtfRSuNfdo0g99SHCxpDiw3Z4UR1b9FWVzTziJsRV7nv8kSV2yuWarGioZxtrK4Fm5B7StyX\/waS2CZP+IVK27+2gcFVtKHa80wjL9VEdeiJ1DLyurST1rmSup1m7WPFUdsURLX1OdDpRvtnxJYtOlrrELG+ByBVY3uRpO6Fbvz+GRcaX8ziO5hf68srFNzbLmnbpH3fWVKXMFv87rXDWtOEFe0BRtd0F3sPtaMK78T2stygYqwdn+NJWS0OimuRXf+GyyD5xduSA2rJM9G088QmtlnQZWMds94he6R2j+FuPbpkSOjeU5kLXgUJhlauvMVc6pSfXKoPWQM27zUBVWQDVBkjDx7mlVBLfWK+1yymL+poMo54JjnkD9WuBK9pdFeDk8XVRPUtKlnQZHR08vbUnB1L6yXo6XnNxlW8JdrQs7UVouoFpv5c3iOyMsXV6xSfR2aXhbt2m0BlclnvpUUOV1XvFmcqn981T8ky2I63ER1+p03D+BZtDYdAZX5d\/6Ajpyet5+nClXiOXBkNU24qHb7oFieiFMHCSpL635VNJM9EwbVgD83eJbQzgVRnf3fUo2sNd\/3YmlMGV92qud58vpjJqidX2yIrJH2XxUNqjR1tSyPNDhcxlTmNxca5G06cTo7Uym9Ws9VyGVC2th853Pl5Y1nzJly+5EnIzLZ7HNY6Q2oe1kiDS93Mc1myR5PyJzfqIkpcOoYJE\/YrgMKplI9q0i57nq+NKRE91zvhtyTMiGdRkdQj+WJNP9XqkzpvKNWIa\/Z+HYFUtRFh5Db\/R4zIS326NBSppYuqpkpYhqN5PH86ubkSKXhoRXWR6a06TULpIBNI0PmvHp9CqTo1aNoJJO1l91EtDSnx5px5A1tH1ogZXg1HJmbbt2SnSix++Epk+cDL5qL6MofMUWu2Ha0kJbmKbspufB\/mchI0R6YtlxS\/Kg6omjTs07k9sVvVyEq+akNKrki32pZQNMX7K+I\/BtVkNJF90Oy+eJ3KBEF3NRzZrN8lIwo4s4pRW4xAxUmULAZnKMioCu95n6tcikfPG6JKE+74cgdefc+M6LUXouUDZotSAlvnACz2fLHKAK65\/cuapBf82SgKGv3uxSIJKKkecNIPJun2x7MIjp9oDFkD1k\/IeXfT022SGt3WSPK1v9spdlkK9dFAJWaw3AUtCkBTe1fk7TEeBAF14eT5wttWzegxB89Z8jv+vc9JYDS4xgVCPUENG2CaPJ5t+W21HiS0ZGNivyh6Z3mPAH1hHo+adLCePL+rAtKzoUFUM218AK2\/o8K4Uxs+2OXAspNQFejO9BUBWzVgaLO3+dE\/qGd83JxnmzZaUoBqbl4Jk4vUhawNlTwBFw1acjfyraLgKJNTYIFTHWZKJ9+WKsCUjMZTi7XCVEw4qK54jjBXoSiYX030Sx+zQJjgUi7XrCGU4X7VxTa8nhynCzBiaLrSThLs3MWUiL5n3ngBNg4UTLSQQEtd1Reotkd+1LgJLipbywRdyxmnFJzdJ8LCpp9wEI0E0vXKgtEnr0jHCdLm50okd5+0IImsUVnWUSanxTOztEARaOdvpyCJvFn7FUpIavimZgSQ0lbrwqaqAuugpRo6Zb7s+Pki+6yVCI0XDPhXD3LUTxoquzx15uUiLLvRJ6cmxxlY2IgmkW3PkoWcXtw2gImcnazSpGI++cLTj4ljjJ2tGimrd7rLBK5\/5A5TttPeCqTtt5pDSawGqL0sUkwk\/7qMS91u+NkS9eChfxk0Zz80V21FErH4QTURFm313YpYPK0AizTdOv2AhOb9a9FKmM2phDNaiirvONCnIRnx51lLM+LZvphGsro0aUULNHn9x2F445FmpLeccpSGdmxZqL5Qk0UVZp7MZwl6oLZnpcJe\/W+3FgCfD0KG0eWEMvE9AJnGXhmKJjFr9+uKCrKFymzRF10EoUgfT1N8JW3oLDs6c+0BBP+aVCq2DnqxDJ5x4QXgu1Gk\/jDtEI+2q3CUtJr97uUUdr3XhPL4tMrlGUgD2QsGZY7UVY82ZhQpq58AaVQ8LomswSowgvBEJwW91DaluYnTYkvXKNSpkmfuzaJZfolOkpnJszSHDjjqZDFSYQSgTfub1hG6fj7w1ASO3NDXaF0XRPNWxaApWJygiXq5Gu8h8KhF6YtSALSUnopt43TxVnqOQL2TCgnvmlSWc6DJfokMdcuuuMAGCDDZDv3WbEoO05WJQmYUBQPDfYoSNL5z03OUpJ3YpljKG86SijTewSLuc4cJpISHj7YSLHQ7c1IAqd6KG86Qiz7eQSMVmUg0Sb3gMVqueHB1FBa+xikWGjJc4DkaC6ivMkVAlnwvJXKYmX+DDWSwHVwlA4tT8tIoo8CSONTIjk1B2\/Rqljorb6CI2q1d7mzWNOFezNH5IqPvdcqFLfIMmEstuHBxURA64nkdFQV5SPvfMqcI\/ejE85yblufBImYRxARe+PiWOz0rZpCdBEcAQJHxHhzaCQRESMNLlxPJA1CKHrj4pg6\/ipIBO3Zb4ER0N8CBvB00xOlYeS8NETMzsRx8udusBgRIAn3UBnCRbJfQMjQOEhSb7rVUoSk3QqMiE07IAEi9f9JDSNgZPAAUu2L5JEgpkvBkRwFGGLcxLH3n0TQzUOQMPiHGFX\/OMwY0Xeuc0aQijhOft82C2IgEX\/vCGltnSPa5F6GaOWhjalhpOvvhUQIzS+aUQRcuAiPIHUW4njrAmeE3D87FBQRDy3XEBpOy4QxAUfI3qRA9gFCNrvqpewUUTcc9RQhNLtsgRG2HjSJoCgmkAeOmDYVJCWGiDR\/lwIjx5vAGHs2yjEC1yNonhLH9EtRSnBEWz3fQ4RO3F+CogovWa8SQTHjAvlfEDNsShjTJjaBEcLmp0HSHY+6RPD86MZcKQLqhojZJRPHa5IH2enCmPKsecYIef1v1TACE4J6iGPqIEovc8Rmx05nhNB9C4aR4PBBlQhFVy3moAi4qETIOFIhjk0Q00IY06bOkhEib7rFgiL42DRCyvbuDI5w\/nwM6HrCWPDoTpUYCsOI2DFpiOkKjIDzjpA2OudgDox6SxgD1mSCWJrNL\/JeCA1+dbwaRMCoQkxvvvwnlDB6lgcxjR8riolb6DFATlGl9212xojBKzcpGCLWLdQgYv+sQQTUIKJO9kIUX0LcuaExRJ84HsaWL1jOwVCz73ZnEFISw\/RDn1roEmVuRUEQyXdtV0HM4tfenxtBgLkRYZcGJoKTn9jjEmeTGKYfXG6MYuUOBULARUdU+dxH5QwxMQywXhD7BQQeiiE2y56PFEXMLjEEnzoARim86VAXCEHPI64WoTilQLZxYjSyMEqH7jNHiJjueZTwnbd6Q0jw4nFjEHipyxACBoira4NgiFUcX\/4ok2IfxdFg+4SIunYjGCTstd0KhJJfd61KkGq3vFUYAuqGCGrqIgSxElGz\/9IPtoSQYzHCWhzzh5IBRF0wW3kUKQaCWCYR1+JEKRByi9R\/XRBLilPtkjezM3RxEEfqrwlh4uhOkzhTouipy5RRbHUTRMDQEdXzjqvlDNEYRiqTMoKoK1+MKo6FIJ5YA8ZZqQqGQhE2dPZcRxHjSIMQxFMeKEwMJ14zbnFsDCLYCo8S6eUbUoWoQdiw3TMWDLnHkTaYII6lSHuCoVS+8ZuNUUy\/p0DI9dPfbBJFCjEs5kXENYggGebgg7l3sWnyZuUlr4BzbZC3Mhdfz8WpBwoFQ8SK8Tg1XTmbgqCE2bUqUVzPrmaEHD06opo2KMSwIXIWxYwTpf+MAiIPZJtvM2eIKY7UbQgRnJq9j6KKk0IE09MzliuihmarEQToZngYtbNWUwBEbFjtEieJYdqxpzaBAiLQDXPu4v8ikZIhxHrqhUiBVgcEiaz71kmTMC3ffnduAOnMsYYIGxoOhfA\/1QmRkxHk1ZHkjOQi2CYfEEfkjBDsEiKbKkOUSJGWzo0gKLi1t4UwGUrKDKnGyokgYl4fDBTLawQlv+dAI3GaXfpGcX6AiT5CL7mJYMVcPIP1gLPBLEQWyfOOc23ID5u1z0eKI9UqgIneEsQ2AwjwJliIYQYzhhyxIwKhirFKTwA7\/q2JZPrg10fmR3DfCmOc0MyTqfFDHK0MkdeXQgQP4aGSGUIJsQchhJtgfy2Ex+cHe4Wg1Fx\/n\/ZC\/SxBgLgh9K8wBDLWPEMDzMFzU7QjCNL+m5BinU8QMETwaxEiox2N0MiCxRAgYuc8j2UJoArPWqUM1NK9W1PgA5wHEdj1\/D6Eegg+ZSGAh9FqCF\/qwt2xTEn8iu065RIoyp4rAQKaARFJS28pAHrOsoaBpDIufEVvvM0SQofzQyxaqYxFsMsuF8ROhg9t\/IWMttLwAbxGbNfZu4rjAwaTWgh400doJ869Oc\/X4YIfwZGlzmCFn+RPLFSEtrUFBT3AyD2U5+cuS40fIYJH6CO0ORdHDdcAMp8Cgx2e8El68EFNwR6u+ABTC4nIMl3ihg8veSxCY8LXfT89luT40Fe9EmAsD3yS37u5EYS2VPAB+mOILe3cb4HPBQQvds2m4vDY5AwkFjLRK7b6FjCW6ZM2uLEDNAN4rOw\/8Pkt0UNBcCnpUNJqwnZmY4\/\/gZOrl5VVyrJaEbXOli3GWlYx79Oga+6nqPl\/B6uZ\/JcGl+UKI0A7fGyYLme9Ry4anJyDXND4gv8dXC0HrESl\/\/H1NVvY2I\/t69ez8jZWxLusqdUnHxwRtBM3NPJfNkyi7UPrHzpHFy0CKdB4wj2cL2TaAYivAHz51\/9oKatlcNMk2v\/uYx5dZctFH9mmgMvfDRE1uti2WeBLP\/dEI7QVh9HetY07wPQzf39qdmQ4ZRxBidbk97BtKRm\/8LUlL3zrb8gwZXo3bOUVKxy5A5a+950pu5xVv\/dTYtksvu8Hwlu+\/PKvB0wZl214GV6ObEMgzClx7dtvY55kBY0X6I+uU4nlfO2P\/mUCgsR6MABFHyHam\/q5kXH4i+LZYJEVy\/4LBYUlJViY1qdmbgFyM1YA1laG2Inf+iOsNQIs8yJVa1MRBZ1RV7bKC7q4wbEbH\/3gvtNJEGspsz6umneIF9cI8b0IIGdWS7cS+LDrRakANxbu+sg5gFtoLWQZWYk+z3W2SokXh\/w3MGdtXcyMux98X7q3kKxZq5gB1ioA+auWrSP95fZoXfz8OXoLf4p6qqklrWJrcIU5hXM\/NX0AM2JNYYA7NKLzG39tIS\/\/8C8ueod\/PfW\/PictlD88m0SZumF3rT7ocs1HetVcuBICBaa0+Phnnjx\/EU8RWhskCGEC+Cb3+N6XN9585Tew0kYVVsj67OMm4e\/a4SF\/uHSVdMdwzUmvroSqTTKY3vWWB8BccSYTCgMK+Hpb\/qmfstE3\/IXR2RhgfZy6dVAt0fuS+4dRsb\/+SOV5aIsO\/87diwFeMSHJHN55ZOYiyCJ0JuoBqAEk6ae\/IP7uayhfvxFAgAAzXtBSxVpyev66IK9z2CwCnLiyDsxoLv7kE\/cJt3ImEdAAB4D1K2L0I79xmt\/cRHUEloxVsFGXJOQmfHXNHq68RxrCgRtunJmWy2PVczBzQPFfq9f0YfdsWY6tA1CAgRmrsGUDxMZwZS5FJk5f8uHrgeyrWDIiqE+vGrzohvP9rQDgRgRkzszElbuKm80ffM9tOyHl1cYNEATAV3v5gj\/ZEoPffSntInBDZozlQ54l3TZ98f2QKC8+a+XWCGDKtPk3ti9\/9y+ZNn4BQMEMjLF\/KCIz+6HHrjxYkjd68SRA0ap++TeFvuePYMt3Uh8B2ZggVg3g4ZkPXQOk8gKhdFmYwArAOrfyxa\/cKI+f+VbqEZgDxuRRxRJc+Nj7DjSWinIxsUXjXWQB\/PLmYP0\/bRNT22kXa8mciWagxNGHX3\/dKUs\/KBlEdLXvzyxby+MXfqgx0O84nUWAGxiTUBVLcM0FFyyly3gaAWwtFfqC2aXGy7DZfnLkLdM2qhGAG2BMWqXI3HSBCgEx+v6vauKn\/\/ZEqtjEKrR1oy0rqmQmukWZV0Dg\/rIf+q3N9DfjDyLpNCbDjb1jVit+6HXrGLnMexBz2eFPW2XxJ1OLUwMm6H7oKfYzf6EpY5LO0T\/iG7c3mYm6T1zLZTFht7EHaTZpA845E\/iEkf8\/YjiQK8BZzBhvafkC503hIj4R507c5Bhv4Xduyrg1+fV9iTbxwqWp0tbkv3s+hQdrJX3FhlBnrIX\/3Hiz56eLkyZ632zpuYs8SKM56msj2Y39hJr09Z9erTOxHp95XPhPbnDWNKj6tp9KCTYz3XhcGGySJsIEu2XJRHtblon2mPhi8e5jP5p4k2oQZyI+kMvGW14503lTnRPwNkacArmR\/0f+H7HTHbiYGOct7NE3DLhnZzNu7gMT7WEz50Xj7aJtJQasRdp1VnL9lippsidmzNUX6l5+9GtbUWHNeOlvT7iCNVxffaSbYJetNAGfRH1Grq+AzRw+UwZbM4I\/U0GN\/sW\/jmexTt30Y7jBBnAKiffE\/wXXJnINhlvS73\/3CDfyRRnelb\/beLOJO7\/MGzAE8X0l7iJ4F+wlcM2uRbwBXhNHNuCAjNzjcuD+g7jqcOHu\/BfnTXCdeE94CXCAITfy\/8j\/H0nZkMvANZ0KXOgh4KTDkWvIFd4iL+\/jrdnDt\/JmejFwU5q9yHErduWmghsyE\/GB3Mj\/I\/9\/DOIgLgw4s8Kb0tz5ctxY26mgDWxMxAdyI\/+P\/D\/y\/8j\/I\/9\/bP0I4jojbseBHLxtfMgab+oEfARxI\/+P\/D\/y\/8j\/I\/+P\/P\/RyFsQd0Qh7p6lFLQFD60m0Z7442Or0RacuCcHbWK3TO8cI94dgaJ3kmbvlsQ7iFB\/8d2Sd5KuOy5SpS3rW35CmTbp6BNkvCk08v\/I\/yP\/j\/z\/MSOdxM3J2z8v4M3rr9+koA1+YUL2rowf0v2\/rfWI81ur8aaH+wm4wzoBP1xz3spLd+WGm6+e9qYct+7xv8+g1dJSLddcak5btP7P3ZzaIZjk45hWoqVSfvZLIh2CjWmrDTCkfMX5HzI75JKd2PctPn5psfUz1pD1kz9UXIfeskMP\/kwav9T8S3Mu\/EtOTpYOwca0TS9NWED0FKZDcsnHLq5XP\/ErTKCQCfLwTZ\/4BdMBaFWUh9Y++LmzattPTjpkUv23WdWWvqQEZl7KZKmsiPNoemUltRJoiu7pG8KYtJudIp+4NT2MTdzAcyK+Qs6QG0uBm+jMd7dCG33qOAHv68QxEfdD\/4\/8P\/L\/yP8j\/39YYkJunbg4eTnzphUX8Fkj\/49wrkacTcloi\/TsM3LaZDufL402SCbgFcT9v\/9H\/h\/5f+T\/kf8\/Dn0hNwQuLb9SDbfIv6WEG75ZvMvgnXLcwKUivkaOyP3Q\/yP\/j\/w\/8v\/HnRjEpY64lf3AlReusoqblDTy\/8fFGsgV5FbCcGs6fWd22qR1F\/AWpEXXBGnrvBV5\/hwFZQ3v3e8CpcGLFTPx0KIBquneJ0qDDDZSjXwwxHnU5HaLDLNuj1NftYBM0RF5eIpVyGx9hzyuv7BrhCkdvB\/VIu07e16Ehz9zs3Wodk\/enhtgcHsxuqv9+eOp4RV6+oOLqCvythPN+cqX7UpBz5qv+9tuyJaW82f\/KRV6e5w70zlZiuEFf3wiWKFw7aWGc1MKMJ8\/71VLviKIXb1NOYckgRVAyaE58mc3mAUrt\/nXI80FFbUs0fPm9OybPv90CvEc0gYOm8goWvKKGdXZQgzO22UazH4aIBWeW1JHmKhGqQ2onrZWXHwyKQZPnrds4c\/STiCJ5368j08mVIuW3GvdJ+914YfekwU0t9A3OaCG55ekE5MFBWCimqgvuSB8+v1TAZF23e3CRkE1WUvREi9I0\/mCaYwnqxV1JKPv8s0nXLFx5rXrC2Bzi9TNQGa1wgufnhtcY7imllnx8o5hxNSdVwHyk9eywlxT0FbtxRnDu0+lsZgqRQYoee2ItSJdd9fGAijvuDmH0lFRdQcsoiZWT3F6+2liHKVKdKVK9\/VHkmSzbx4IUHpqnk4T4F5rWL2HXFIYK6u0zCvWNTsycfotz+QAn79xRH9LHSqGTKz+AjNinKOaopapzguUpu8bCGRzb5kDYpHOhCHUEZyBhYGPWVQpag1q3cdvmlIMpq8iIO06TP9kqoQ48wcLH8U0HomKTBg47bkTLmQ7zh0UUH7knhz4IvVBR6PWWnPXHMR4QpVABihZpfOSfUNJH949CORzI+pJgNVCHWvTjJPGC1Eqlivd87sGsmZ4\/l0ewC30Nq8pWDOXSA\/fi53VSTXVEvXDi4bso8eSQOv2XJIC2RJVGwgoqog1ebl5iUZnWWqFKpkVPnXFVCA\/euEpl+lhOl0AZpUQa\/5EaRieJSlqCZBRPTnrUPLMa7YUUHrmYXpnMJBF4WxTDO6ao5ydREXIWsrUTyXFuntuMhGDT9\/PClOHWsHZa+HAvZDPJtTULFc6ZbN3h1C+9eocMXz0GFWTtawjOs5+bYry7EJoLSf1czofdIh091UpgBg+eo8HWKE6qJTgbD0KD5T1xdZSUVGHMv0X3zYywI59IAmlI3S70RZgocpZvQZxN2viiFqu9FyaEaClt+wdBLb4GP3drBbBmDFG+4THWqTUrObUnylGDO+73gPQ8PGL6J+sVkxgEmNLT3lJaW2gSkRLKdVoANmj1+QAP\/WhBjR4doFOx1qqBWNTxejKRyk6g4Uq5pXuu0yA3vNIFvKnnqG35Q41jGvlPOHkOIMoKlZTor4UEFM3f24YKB37KCtMFYuK1DHOldE8ctzOAGpqySulorxj7yCIqZ0fFMgPLlJ1WS+pMl4We18\/DWUVUtTc6KuZQqRznkkCYsOtT9F\/UFGhqtp4OjIPlEBaDSTAJIEpWY1FD3\/inAah\/Ph1AXaU7lxR1FQZkxf1vvMeLF5EEbVk9L51waCkD9+6vvjxI\/TOXRGV8XySrrrtGNE0z1ModTW1VDPqy\/tNZdPNl+SC0tHL6J06oqWuMX92+\/gTDLI1K1Lpk2k63GtLSw6RZu41gdINd5rIsyOq7pVQSx2TxXAd+cBlV5DySvo\/OPcjHVxZAPkHDiSIwe6j9LbUMhVVJpoS+9\/3ex\/7p1P9ZPv+fkq1yNct\/GbjlZMXBYAF9VxTtMTYHlZQOCCoaAAAMHsCnQEq9AFlBD49Ho1EoiGho6ORShhwB4lpbsS6eOA55Vm548\/nedbzDbWoD0KOe2k5fYn8VffP06\/LX0Z\/I\/vH97+XHO2iufNfyl+6\/xHJnwGvy3+wf8D15\/m\/+z\/ev895hNwvQR9+\/sP\/B\/y\/7uf6z4PvrP+z6efaL\/xfcZ9gn86\/pH+h\/uH71\/4T2uvI2+2f8f\/e+4J\/I\/7J\/sv8F+5n+H\/\/\/0zf8v+z\/zP\/d\/2HwQ\/Ov9V\/1v9l+Tn2F\/yv+of7b+7\/6f\/2\/5\/\/\/\/\/L7vvZ5+3nsRfqz99ZBsYJPYKF2n\/XP5ONGegPjnUgDFl83jzZ6J1GOg5cKG1xgk9goXaf9azBwkG3QXEazQ+FG1OS9ZFXaf9c\/lBy4UNrjBJ7BPO4korL9Wv1TLIMjS1fXP5QcuFDa4wSewULs+W\/w2V8UIteggt3c52Cxgk9goXaf9c\/lBy4UNMmcbW3I7kmE9lyg\/dIceITXiF2n\/XP5QcuFDa4wSeu9bjfBfXxU0zE65z0vGChdp\/1z+UHLhQ2uL9jULyC9GDXUoqp9Ve02q4KF2n\/XP5QcuFDa4wSeuwS8ZX7\/Fkud9xP52QHT+jYtBJ7BQu0\/65\/KDlwobW5v1+fPCISaY7XVmPs89nW43cyufyg5cKG1xgk9goXadHqhQnVMoOh8uIMFsY5fY6uwULtP+ufyg5cKG1xf0FTVnKYoKA+tK+G57jnkFWIUbnYKF2n\/XP5QcuFDa4v1VtoxLJF94HOea9FO3tQC3NcYJPYKF2n\/XP5QcuFBXwS1TJp54DVafuegsKf7EsrsV7BJ7BQu0\/65\/KDlwoaYrtRXeXj09Ze+IXtpfKDlwobXGCT2Chdp\/zplbMAWUZu4qPQplQrs8XNRffShdp\/1z+UHLhQ2uMEnlTog4zvxjtHlt\/jiq4e2Lx6Ha4wSewULtP+ufyg5cJFf38tP2XEEP8lUh4DjC7RwuA9aewULtP+ufyg5cKG1uSutD\/Px0cCLAZ9HhTVHMl6z1eO8c0NrjBJ7BQu0\/65\/KDh05VURks8BP\/4iuQvErPg\/W8MxtcYJPYKF2n\/XP5Qcr2javQ3iHSv2zf0\/V62G5ILab2mUNp+6F2n\/XP5QcuFDa4wSX\/mlAIs6EhpQYimOUYNVkA+oUVqy6PO0\/65\/KDlwobXGCT2Bufsuwsv2lWmgleWSD6VJwmdpQJrjm5lBy4UNrjBJ7BQu0\/604m7\/yN+XmWjqp7dCWC6qmaYDNyHoT+ufyg5cKG1xgk9goXQ8fUIdudSf9XHE9Y0VkF7BR04PJMMiZ9P+ufyg5cKG1xgk9gdrGZrHmujALheOFlm5QC9\/HgSpa6vrn8oOXChtcYJPYKFzuNiuancc7MCwp71xxf1Aj\/FNKOyOFDa4wSewULtP+ufycXhK69NyyU6nathOWejh\/0QG8GUOxMfhQ2uMEnsFC7T\/rn8oJqlW2yp+1mNXippygrE6FFEsSpHpD\/qcJPYKF2n\/XP5QcuFDaZDKOHH2KTvcZ+G3WnkzjDYPgONk4bfT\/rn8oOXChtcYJPXYQi66SN7fEcowAwmMPUip52wj76f9c\/lBy4UNrjBJ68S+x7kEM7sQ6dc\/6gSIR0Q0WgIRPQbYBfspL\/0b4se058V2uHibhvYuImzT2ChTrKlLIBEDD7+komU14F+8sQibDCq2BQbMJdpZBJMJaWt6\/AIN7lU\/Ho1J0wrVUDHsVjX3LYAjcn\/qSu6mZLT8wuvVnoLKDN8rtySC2cicbJiB+7QjdVQDyObbatxhSo6Y+ACWKQZ86+InsZIsofcg0nVUrkKjSENctfPbsf7AnmZyP55+a8rWKYWD2a0PqrNpmWvz7K6\/TFCpa3GcBchdlLR522GoYVlvprlfKoUgEln\/Xc+BPouG4qta6yNnZVaQOyvff+2o5pABWcCAF1jj3kPhmWb\/+W4QVURs1xqAXYdDW5crAziYFvKj6h9GQsq7yFvN0aiLFsKEvdCsKtSEW6j3Bl\/j7PL2b3owqHlPBiH5uRbR3bdaq1nGWnsvFNURV2dy\/cLwLY38xe6WIRdxRBMiexGnO19i2rOsuo6JX\/\/rYD3UK9mDMiCnEgWmJH3KyZVJxn5UY3tO5v0Vcxf3x0nSjZEB3Qe\/BXOdwyNp65N9EHgF3RfYs2Wz6c0BAdEbp8JSQ4fKNSNe3GLrLc91dJL1cZZCTPJrZ6igLojQiWXDjD1u23uHDzl1\/ng+mWv7apXNDnT6NWcg+lGHXo+CJdjHzM8PieFNrYLFS0LtLZkLmEc+rxIonCN0WXTPouj+WlO+jgzo3IygFF+TuPhWXNjtZBgFb1EPN0XR+Z8nrib8kgvRcPYmytBgUaRxHNp3ycdB6y3yNAkBha8x\/Hp3WpW4EA5js7\/3A1dTd3mrJC7TxGks+rl1+DcqEEA60FdYbG5rDOip2BYTCIt7TKE8ylSJMoFNBGUhy9XlnyXVYBU8lOR9tKf8IdJapolKTcsnJAqCbIvTcxYXAy2wRIh9LbKM6EsKhJjACtWVgBlDkVls5JbXySABC190w5u\/ujLFKaWYByx7HFDsAi3Mp7mJlP7cHrTHjoAzT0f1QQpe3vtZGO+HG8knz4GOrK5aj98eSl6Jtm5uB4GBFW8qwl2a\/W1FjIZV6Qsg25voszrWP8XV8hDVwhSmyYigzrFImUNHoOnTWniysb2fdjoTTMoQ728UpGAUqs8OrPuwXFDv2kiJ1Z4esC400cg63aZwgmrKRiQYAtTG52KJWL4Xo9F\/GCJGpIhM4K6uBlRzK2VuTu\/55JeGi60xwxUe25k9XzTZX0ZPyjp8iHWXBRQoviFlyA\/PTiRS4NJutQF7Ddtf1O1uczk7gJ99qpiVwAFArm9fBFAdh5QKm2BU+ArJKVo+uZ3XEpq6aj18kMX9zYZ324arR\/zFHHl1RyikMB+J0JpVab2ohcHYUhNALYeblr3i9jdaiNbV3iesShp9fDU8jf\/HP9m2nz7WKyQ5Dfvk80OwB2xiTdB91HwxXseeklF5+UsZ6XmlpCv1cs0\/yF\/9wp3\/hBkPFA+gBGfN+lVgZqZTuZEKQd0FbosBlr1ILRTPp8MX+\/idV5gvfGFHe+PqTiXb0SIlzr409eOSYHhI0HLSQnJuyScMAw9blYrutvBgDaPiIFOzyKapeWvjPcb9CNidcz0az0NNGc9l\/LEQ9k4EvmnoNxp3923q1JLy3vAsUAjnQD36wWmAd34dJTesvIKvtJ7BCj+QwGKwMZbDgW8Ap4R0I1KrbKbVzQS10cpzr2\/Zp8ipPAZHT9qI8M7mk0eetHJtMJ4qPZwpo7x\/x06CBAzUJjFGTEc3qgxvSwi0Nmu1rhAbgROBCVsp1\/o3bJT2Z3WlRqdP3aQKq+IoF4QuqJHLZr\/A7tM\/PPRlG+8rSdBTwlj9f1zHqncz86BHPK\/LW9j9rE0Lrp5d8gIAs7kckN0dLsQi3Yso\/lJe343rvxFtNvUrbhIeyx3R+ia\/qfewBC32SpREODVzH107lYMBu6Nt1aEubXgbtd7PzjQa+HS\/0vEgfVOk2QVmxRFTgl83g3yp5bYNnIZaCBl75PkKS47v9Ne6K96MaVS+YjheTY+WSOT4QEwkFX8xAnaQYHnP70Ptk+png2gcvUP4ex9wd3vPkpx9Vm0mfkNJg+3efv0RmicuL4bgrDrEqStKcD+8wrzyL\/DeNeo99tkHpQg97DX5FL1e3vCKEAJ74NBio2jGECE6Qs+a3OP7DUs3AD6PDqiSriIRaC+gGMEkdARFf\/Fef9DGmrwSLIU6mEM+vkUnNuUNAmlP\/5P4cgQIH9R+X19rz0EsawH3QjvIGMJrmO8L6YpOzTgYXqFTTOCrJHuJcT2efJWgPar7c1zDvGs6oLCI1rBgR\/875VZmdMOPjJb7vKXQkUCmb39B+7C9eKLRxT6CXtTGjFr2IgSwdFg91MiS6UMp6Kyc1ZnUhb\/1rlMGJkmpwnw2qfvLaxXiRf4P6Lp\/8p5pQo3p9IEffSGTqiD9\/8m8ITMwalidNjeCR1Fe58ABNJMx7qUS1Xi5lZF7flL7dOXS1W7ZGO9w51vsjVVcKwHijgphaczD9BURTFbf7qUmB11RFaqf21YHj7dpMLROMtO1sGI45w6Shy\/\/Me8r2p8LMp7H8rEe48Y\/5EPxONwZQQK5JbXhFnfIIZYXxCNwL4gpeJkIF361CxHaJCnM0KnoS4yUx8vU0RyArGk6p0snD5S+oC5mRdqULIpjmT2YOH3pnQrFATRouVFBIoQtqbvmW3rgZpn4E4o0lHOf8cC\/37hmxyoDBXkGbdq9Yq2DVwV9FV5pX+K7kTSMqFJRNZ3h76GYENIXsM+UJKsFlETwBGp4+w+JyuHdVXqzQiuomnuQhguKHSUMWJgqAtuxXTSKZWQhYrX8AzoYp6rGmeAbthpf6wrWSA65XSm0xRZSdVCTx5LtbmrD0CfNPMC0r5GjTHryoTQTZEs\/FWkeG\/x7wa60J1KwkL\/vwD0w89WTjkHrt35AsOZrauxTwqFBkOjXfx\/a4G7pJaCCZq6u+QxRwEaPh2yLf07VGkidxE+4fB\/CZ544iv5AUARZpbXVvqDpYltvGfzse8CpUKzR3Wlp8B665MkXBFKVuYuLKafRs9D9nKdL76gCuiMFpEYBS+4iK15zt2hCD27HoASpncBAyGMG3XRbnXwPFC+MZQTNm2uH9cJgLWaCnk0W5ReK4PXWVURhhNwRxOPE2hOih3lykUwICufvMYDOB5QgEW8uSxh\/JUaAjVOFVBNo1DUb1KxlEo7GdNXtB5w1+AGWHIyiPkTFVyyNhDMygitBw+piLpgRrF3gUPY\/LMNtZBBmbcG6XGpTL8Q7X5puJceGSpMNC9Khb01rwxLocN\/SOFxp0IB+RKNfaqbjsFLJsxhlaLJV\/IIpJ8RrQ8HSKarcv5NPcVD3kiyl\/N8hzXCXUIIArr4SXAl7NRtiJy7Au30VyO2ZJtMAlEWD3doUdM0PKDZLkMA+MO8dIdcQONpMI3mWwsTtQc2TnWYzcvAij70vi6162eiBDvE\/PVFXoDNeovw5RSjnO0wzOhk\/66pe99+MxPNMpYS1RotgpoJc\/Xd33w8fYq\/0giYcWkWbb2NSk1Mlg14Gc59I3eeZsY92Voogmk0sJFKxArRYQrMvWDI2JQRusEZVNXh9CUMbgUaXr1ypLFSldtdRWhr75kbi0WYH92eOWNSFgB1hOiWewWnG\/yeliPQmg3PbpZJpaJwsZF6T7V+m99\/Z1JvYPP2RqSHz9rTbvU3WYrH9C1rcNhHe4jyK4krU5pSkqFgHrsajk61\/2MMfTPJR9zINGR99aMk6OKzTSwxIpoTjFKBOgnxy\/o40iAHvWvg0CXESbSK3Z29\/IREn2x7dOfpuMbIbVy4diyFAtk0B6K2afaPl3qn6cSebgkop2iiuHv8HBVooNMnTSCtUZkNubGnlE5RrOOp23S3B8MCnFafi9n42QwL5qNE7jBQu4BJGlnXycqyHBdto\/icMcwjgiwQ4OZrP2rjfrdVNLjggBBhjFbDwZE5TsOcDRRvxyW8CY1zjYHbhQ2uPbhq8rCvP6H3wHyr9VMN4wbVB6vBUM0ed1vMbo04cv2ffTUiam9NCXIa2rznBcg3hz\/0fstxQzv1J3V3JuSdLP99xX26seIuEEONbvaxPM2AxeRR6RhnqLKm\/+2djtr0R3HMLsdaa5VlEaHEgjHIZ\/3cyvOdty1qymiMXAOjpipXjBRyUJDM6\/hir\/FCM5MMWiPIxvIPecO0MnaIEss9Plblw43lWMe\/PEAxQa4vJAxvd8sevaBngTNEJQUgvMP3fz+AbIU52KlTUMr7u9x1vA6AG42pWRBQ1EHLOm0ZXu2iKa\/4CZ1o5TZTk+sl\/j1WRNnTceyqX4zpsaFUYQomy\/u586Of\/ad1ND8lbU8aR1GAVpOkPIandPG7dPu5kjxmaRhtGECMumVacpijn8qsQe3gC4Uw\/9228NXMXJ8TY2qv36fFgIsC7puywgAK6SA+UyEyHZlXOFesbVfwRqJANFSWR3kbbH\/fX+JRKp200otGsgErBn0omBOb+ysPemwGN55\/PdcNCZoHJm3CrjlevtZxmErKyKwKQ6eJHTm3Ic4V8fkiVT8HvBzlrcTLhiwBjCMpao36nDXJ3wDYv8rAu7Qhx5DSsbcaPFh1kkXlNG6b4bRhJhFVamUKUvytvnEWN\/kbNLPedP8T2ei32kPgj7qz8FwE7lTqXAXrO1hvckrGKBRznWsABHRi93jIq9HrJQruBvcug48VI2SCCD\/mrfpQlaDExT35nPPmBGYJNa3xtdGfbeMTKXc4WQCYi4jMSWSinRxMhbNDs\/t8tp5SRB1LSvwG5Xm1n14QnzCyM2rLU6yrXJ4d5fsYXYvCRekb844rsLSCOvIXQBN32UEMtSH73CZ0KFYi7Lf9twC4Q6YX3zNfRc8Y7ZC3exbYQRDt4K0nPASjj8AdBzDZbMWG+fhiAfrOlvpQViCyvlgNQ4ORZ1w4OBIokYpdETFNjjG9NYpqu5bV0LoTn\/FYLBu98yH0lVX\/Xt3Jh1J\/kYQvy83mOSkz84byCXniMwLXM5M4cucW1dfVAUq2IF3z+pVbjeGHzyUTpBAdj2GIGg+Dt43RCmz5Bb5CJmqyOFOSwcQmkGKGuEbsvp5p6ozFTyivAyDHOQ+9fuYDM22JuRe8Cg6\/3FajNumoT8mXAkv4AR80kMUBb9c4VzKHeQHIDnwZY9qT1UGwk1s\/5nEOdT8hnOwCROvo1uq1PzHPyKUBKAmGwULtP+ufxQAA\/vR+AgNCu0OylPfEN5s8E+N52nGWpQmriscesDnCAHQqj0FEXYf8Kpuod+5FJPrgCdTYHeY5ct+G9ieUaewRnNfx2qUFd\/Td7QPfal1oZCRKw\/joLDz+x6C810w8OVv\/mxmJ5cl\/jPBKzbF+2J6+DdQyIBuxURSfRl+n9VCwzzRSB\/DFcUVkPWLzF54nVwmnFHm7EkwooAVPIQABE33ANP9pwFCBW554Pu\/VkDs2Bn2Xwtbi364UuRv3nS2p7zCCEmddGVy6XJX5Fy2nIWUYaY8Pw1zPWZ3075hdvWPIFdsxW+swB94VKJ6ajZXJR7s86B0WkPOcKtHhRlN3SF7mzfr+nIu58WDu5RkjNRihO1em4+C50NnwxNAAQyyB9du+YYoRah4Id0XpjQh6UIGHeSCfROJnGmA9gNm3erdTow4DVn2Rxg4R1wow833GbXgZrKC9iIbGCitag9OuDajH4HOBmqrS\/wuCnaE6pcXWiQKwTc0uwz2Crs6RNdsHHxtQYN6f6ZDdKcbg4CoYqYTha4AiqTTWaB4BraCAWOFFy5UwD8ZNbWegZ7Z\/GbhdzB738\/+03MA9TBA6R4XMs4Zni3xsOWVY7QJmpObI1TNOS\/VuCI5EOalAHTi0+8XyJla21d5F2bgnk5Jl8tI\/z7eAOwKDEbAD6eyADfd+LyJakSjL5I5prtvf63BGcSl8aO3E8SJ++XkZxOBw+G6Dgx8adqiMYwo9vwN\/5LYYCCyoRmxMuJjKbVk5relvaWAgEqRFsu7gtGCUDJnFvFk9dAoUg\/K83GVT9NeFdSiMaHWRiFPQDXQcdF\/lTUNIlDTsiTzpN0JJqndOx+DXSvExQEmiOIP+xQfhMRSwmxKCv6qa7yrLN9tO5aHkkdOpK\/e4rs437v32gcfZ+yuQXv2jt1S8BkXzgcSUlBruAAX0l69ohHN3ME\/HNzxTnu3GrvJgd1THFT2xMAHsUC21rOfyjrOJRd1RmzPCNYk8iS9+9Q2FeaJb6JNdwUJiBcwK\/dWPXlR8KVDt8Slr8kFV6QW86GckjEBrSvVB39cD4O\/agzQLOUdDMbPqLlCqeofH7ESQgcqnO+rctekkPmBb5uOR5xU\/HM\/aJ2KAARtYOglXe4tCEEfWzNn4GqVkqkvckiu4TYmVx3TtF44rsPWv+WV6rnrLLFyaeCardIf+kIlOqBeUdxNf8U37tC4LW3AfoEmz6Z75QJ1jvE1epHdEXsWLM7axLyecYejyG0UupGzu57eoUYdD8QHAwGJ\/xkaTrJoNzRkyrIV+4G+9FruYh0XlPKGqYxzJKOBSSv3EkFgBJeOFv4qqZwkSa4xJGnvysM9KKkajwPd9nC\/xM49Iu0uTNWAhGC\/dVGyDrTbrjhk0Zgylfx\/i+KImgeTCQO62p7YulMdsPSCwd4kyJFr2ofMeKVc\/3ucihHzCnJyc8W\/7uke4qPXL+tmrkO7OaIveSyrM6RZAbE\/25nOR33LZ+Ak0PA02ALvdQkpvgf7dXpAjdSRLMlLgAz\/vAza\/yzfvvmQJhMJqV2beUawg8+t25IUIABv0kElxr617RY3naYFpHc6KCdFS9MFvuZy\/zRV06STuM1fxwlKCYd\/A0KGYlItOXYbhptV\/nOnTaGNiqBQdIGM2qNozGurkxLqpT6D3JtLkMtf8c71DvuPChpYGZl22RfvTzKXidF4HugKT1kzTctshHX1cI297vOy71zVQda0IDFTCjS\/ualq+oAdY6HEo6eIEwfh7oXbqDsmw+sU9VA2DToCSWGN5WRvlALj7YUy424TxNAaBDUWJ4WfSQ0TnFwVy4oGe6Zdl2mFv0lvOFJxjHfy0x8irCScIW+XAy4e9xsOZ4m3Xhi70tiPPgC32l08PzdvwZJnpYib1sgq+f+i14B7jC1BJ4yaCoAaer0doZwCenpSIQSPks+6NxQSTN7UEwOl1U6Abu45cIcd7DfPSzZgAP98Jy1BNHX493wrqpNqu6gSo\/T1Yw\/gbOHRv9bcTY\/Mo+pfqgZYESAnLwSvArKIGbmtWTDMDui3hWIeq4YguDJYzzDPbHIdLMGan3vrqQOCFzmBe9BKKFYz66OaeQuuVyH7A0vqEE2LQdaTl2AOtfHj2jJKDpNj0Qkq1jcuo9EwMnfveNDEaJjR1LPN4SG8Mfw\/5qW8JsANVUrVl3s9p+hUWGMiCIRvXYwMHxdfRyzkTErB4MSc9pCO51f\/R9Xlqo\/tFS\/Z1rLanBnRtWZDf\/3e4RU27I8NHnnmKDbNMtgMM+4z7oeVKyisE2mBQT5YYf8SKiQJyskz+o6AvAPP\/hfQBKhmA7aB2jd72TsTvzhX0Lir+Qk5J1tEMB3gU5zG3lHqH+D016Kw7ZyaIFDj8wk2XzDJ4jfzMS\/aKTcp9Lg0meilO9swDXnvTU6fQmPm5tYhKsgpHo0bWOnwYTZVEUAjfh90ittqlllpkTZZLYj50XbVvmuwGx6h5EYIuYMqwXa+fA0oozSdP0Iaxec2TvxuuEr49wKRpsG3sh16JBm4AAsrLMjEnNl35Wb+8gWP4ZKvUCgIRbTKjWXf7l6\/3dP2pzmfB1zSHE4Q4pRHjz6k4GhJHAy\/P5zcTlzIuNKOf+09H8KMLfRGApeCN\/H9uZqiLlzewtjxoYAE+x92cd5iEy013pQcT3y5w5RdzgWOblWv5wbHL9\/JsLV65nNH\/xoRNvO4naOWsE31Qd4Tp\/zgzrFqMF5RZha5z+h3i9Uq6avdeRRHH+YTFozX7r0L4eER37AC985MdVPd4V+t\/7Bw8EaHLyUrhUQJOS1MnFiGd6QXIqsSo1zhbjd2aBmKXrEDTVp9v0xl11qC0bt7\/ybnoaiqFMdwDRz4pxcYWZDwrQPOC7lBD2Jojrqww6N8J8j9GjxzIc6sXp8aHj4S0vTGnw8e8UErHYO807\/Pfn3lrlzMabeyq1fKipCHzH3fs8qNJ5w+rOcpfbLTArnHOLwkJrFGH\/1N0guBRdcxExswAVBzeoCkSzSSPvtwgmczldfo6GzZWABfKrCsO3vCd\/+Zq98AdfRn7aPF9\/M7Qt\/QCWUqhigERGm5\/n8rCcf42D\/Er6BK9VWjpTVuBYoXYUztWQQoKNwQDWjlx3\/lkuibiP1Oqgb6GzRxK5W94Az+tcuaIEimpAfd12snYR+LAYjhdgdFt2tYoWfH1t0NN0H99CcGltnY1zrsa88ABHO7xwoyK72EF28m2LofCxHb6T8F+14P2xtZ+43\/8fiHxiMX\/7fOniXEBj3SvxvQQftML20GeIahiZ3pnOnf2\/Q0EeiqVBENQ34f1U\/pLIw52I2XoD6ZmtjsMPj8JPLue+KJrQNX7pePbYAqdJfx2GeroS9DGf6R6MFxGh7e9\/IP0dl4VuKxjKYrC9eiuvvjZxtH\/Gv4vYYoE\/bYZVjv2d3WKp6\/en5q2AD3KSaaZEJqh6S8x4vIqRrq3zAKYvLnNMH2bMy8X1i0x75bdniCZnRoIKZBmXCdIqzArnGNWR4ULAvpVl+VPmwiQA99E7wNeJyHpRikRgakl+gpAgAXSW9QPkXi7do72vPMGNKAL6dzHvPbFhfEzn9dmWmC7GBIF7Sq1Lwo9sCXKr+8vqJC2knfrGZkBdMrO5dOS28tgzMJLCAQOJFBBK7yJuITB9k7ZIYfoACZC61\/iiY65aaBtTAYEfng8Z2\/J6HaQph1h+uVo7qdbqaubPWpej3Vbk+dSz88nBzyorxFX4wPKR+Z9s2sNwdj04v72vwpiEPw0iOoMPjeOhyAq+Fma1KRBYNVOKypXD5CChn8nR44gRNXXjDwvvDQ9xKL9IFg2DobOdD+yuBz5+r\/Tmwh+wGad\/FnW0gfjzJu8ebe2EqCZ714UTmfsiZ3MjUPcZTVrC19FVDlOR99zGR16uu6iAPC7th2JsunN5PQ65l\/zG\/crW5OUIsgK+ga98bIexyd5Z3C5kjHJEeAw6NzCOEMuCtOrcLp1KRuc+liS8kCV1YD\/ysHsyljRbx8B01WQp+EnIFiPtcV+tEw7P+w5rs1lmSnw9yNmvlXozTn27t+1pCPiKvmRXTEzvhW6KAlDqHbrV8dHftv8ZWkGKFliUfCFi29P0\/ST8juGiCe\/VoOuP34iJi3KdPuR4etvTqYvsuI\/KmoxyFlQBUJzzjhQll4SgLzcDb8AyXCuuGRxyQFYK0\/ukBdcZERFyvozh75FgpRCr\/MykzRjqb9fYi6OwYWoK6LkF9wEYw8IAeEkTk4fvok8NVfIFBP0OqLCNWNGmDxNw6kZQy+cnVpW1+oIzk1U3pDZ0exUiXWmDK+AGMRRvMBRIBVuKTXMVHVeeN9S8IsReZY1IJiuhUB97GEH4e7NntGwtO7h+ZTIaCzYo1geyCbt6XhQK3sI+LOhw7VLx7LAsFzUp8Uq09FtlaYKGzswTGX0HPsjGzk3WRiCYa5F5IOX1RWytTRZTgNCFigAhTQP9dcSFUQ0SOICwvTB88P5jCtPbdTkJqh4N\/C6SlBlN0sqJj68vsVwy6\/mLiudNGBSoLUuJ4AU0LyB8ior3ta2WJup5Vtkrma9dic4WN+WRCD4qbmKSW9ACATBGH0iQpVd2HVcEwIPxQeEf2CmAE21rjL4Lefu4p9fXwGiWYckHwIbje2+3QAEttmySoq\/WLrtByOHHF4rQ2Ividi7oFclook2vnjOjr\/ykFsiXxNoxgSz\/HYfrdyxCNS5CBPz2dx7Pf23FUeKREme3m9AibX0las3jekAZuEo4EJ\/50+PZk6GctVYmeMJ2kV+7mRWirmCYgMtOmMIgqhzNpk6AMzuDuJxxNw9alf3DwaHv8PgL6d6MFY+wNTMJOmM2PtmOwDLKTd0UCBGWwoEuF5xSZ4FhG\/OjpKhfKJpF9rwhqN9mxb5X1bysGVHHrgXfzoqf7jkAKPNBL2OTs2Z0jyn9I6gFlT\/XSnJ23fOpkdo04txgRfSif1LZ5nG71z0NJfiMfxVFeEAheVkMXfZlvYljv3QFJFLPBZ9i5ypESzAYOF2EhY8JWvISXtqF68xCusiZSnJRmj6z+d\/1PaAnaroHJno4b55ezomcTilh4Vks6rc\/lM2CwgOfBK9ee501zbzg67PaoMw7DWDDbkmGW9wPGoW7VgBhBZxy0c4CD3Fe6A064P4I9rG59+mAyElmLN7DkxT0iL7eONw9IOQmgLBDsIm9GulQ2C7VHdTtIzyQo1c8qptFWWtlR9nTb08yNFoqtJD\/taAate04hvuxaZ\/XQJehNeonbZ9C3+Nid+urf3RkuYl1W44WbN1A8EwedVBm7Tf\/FPupzPJUGMhXXIjoH2+z0BpzR89bG6wzKW038BFGEE05RPCC+8fWAEd+OBNDpGqBWIpYE69zoUH6GlrHAy2igvOCydqgdeQyfdz8hGmOYL+eVGDx64+0XUoSG0SSoEzBDMtcjRN9fhfXyHviftLDJnNQiA9e7uK8\/F+W12M7mnhqmbnJlZptVLCTI1bGUSHZCiKzqIQq3ZmJ1NOd1\/2qzIIxwihtqYLzBpWep3y8WX8y9ddXAWQ+kDABAIv+uKGIpTB\/rr7KIbCBQp2ws2prZX1vfmeNq3wYAMWpG\/nkjqnUSYSC61ySbEmQPejWfgkewbagq\/1N3gFFcEbq\/85W4ZqoN\/Qf5yFxC3QtDUvZa5mcVEZ2GEC2PMa1d\/X4AEIKBryZLFfz66Ttq4\/077DYQgqSBQ2kv7TVeKbFpCAH9X8+qjMH6L7P2qO\/jgr8xxYv0VFo1dMtGX9oP7mCHcxrMXALPDkifHLlAih9QBILpwA4r9YAU0A9MHJJhiqPVTZOXAJYpMYrqRw6dyL12p\/OFEhPMny3zHSrwTpUCUf6zyTlmm\/tLXyeX7JA2mGhlQHF5UrBgW5xKW5uc4W6ZGqghSyiYV8GVAvidBUmqW\/nBhKzgdN4qGg7c3apfrKaUN9twDFKxh+SLHDOxmbPFZVvHu6wydC5zp8un02fCkq510OGgONCcALbyKLSE5YXR3XPAeZ1YA6fMvpcXSCrM9RaOiRunTdN937kroJC57TJfcHLSIeACSPcrZe29ivJY58HtQMu7TvVD5mlICfyjeGueQbjmxG5YTC4NRLou+KJwP7kVJ4MekVm09MThB2NwFR\/5+EPzN2yeM6Y8J2Zk1oQz82sQusmOXxlwycdWprpyel705stjkkaf55zJPCmafPbWSw3GA3vmXq9DboQmUML6WlAwRhAqxlv7MTqVmr6sOjy1019w1nVT10tNv4MUmiAlsxJqJDsFVu+ZbbOfSm4IRpP7ze5ZqZbxzgTmHXECfWtviJObNafrpsZrKxrrJhHOzQ\/92JmUSzTh6abBrpIVGpra8DP3a8U\/jU6\/a5JSIwFmw7B\/17X7Rzc8UMUAVIrCX8RxSrH9mZC+Dr7MLJkImBGl1uUAXGOUav3xZH5fQEFEdI46fUf4RfGQUt5SXCKET2mGx4Cx0Yymdl1v240Zzfwyduis2UuYk4PtH0n2l9D\/X80+TuWm6XSmZaIpPCEu8oDHhY2GxtANd\/NkedQkxfuICUUgl82SRZvfk99PRqMFdBteqOoVqjnmcmSI5wFu8\/vpxLDM98ai0Ly9o5ShKzDYmpjrZ0UWFlYm5gUfH1rnlf0I8KZzmeoM7xYvfeT1BwO9guqO9phUcOcp8C5ALVvbQmoWa29suXCYY64Ln7Fhffuu2eA8DWZ933Lnvr0LtQdP04u+h55KyFA7FdKXOHOtP8llndyszdjP5yQDgu1QhTCNqn4CwOoCf1332hTQw0dcG8TruuMKLLhUA1CB+Begfo4dDTr\/lZ8W0W4YvTlLgwO\/hXn\/A8bMQEBkc6ELYNO6K1N9A7yxwaSSHp41Gsvg5sn1x55ydS0s2Ez2tWA7ffHDwRo30iVm6ZNcZxOV6+IaPZ6Md9A2iBvL5ryfumkWcarsT3Ai\/OXJHW\/4tv\/\/f9xdQR+sl1XMP9H0ru\/DFMqx+w7HvkRH2+ndQ2I2Y\/sAte3J5BIoFg4R1NL9fCBksvyrrEjZ7myMKiXd8s2OnqqU8miiyj\/3f3P+aHE4Rx+1s3lfCNwlLwTogwm4I7mqxv\/9J9rmBfTH\/dDih\/gNjdPjiVcVJJcPXXaixLFQ3vHuvHowt1oQ3XfDEaT5QDw5wnR0OyJXcNiYuRQMch+bAWcbgh7PfoKQzqhTjy3HRWr5WyUAuI15l5+6Ynzs9aj5H8OHtVLZBQbgmrPx6ChOY7cewhNzBClTtEXslMljqA1HgXoPsk1jzx1DSUSm4k+SDSOK+igz6YDmxgyZ3+gCKNNz\/dNrMf81SaJMm\/5vpTMtt0TjCsMQbliymzHXoyXyBOWh\/XNwwSkLCXwIzBl76Tkteo4+34jHhHTyfwbY1D9eVOUuBV4Kb02HUu+1k7R1aPTH1AODk4rPzR88269yQJYQOvdFrkJjKo1Dq9bQvFoCb\/9ytR5JJ3q57paZR3wSPEBIdzL8fHUNWzuEXF1XcjK1QAoD2swf8UGtphx27\/aDypf2vZb1mTvT7vlU3y3dxmFPha3AJRjwHjf8YxnHaB9DgHMmRXLuNpWJHxtJvm2mbJ3Ut1TT9qyZlOuhewUcRu\/yZkfJeFJKW9WcFW18PL6RCT4IRXkukZWEnHgb3b5CsokVF+S3r8sX+xNqAWKQj3XLCG3HfvPAaUtCTnaIKGCtWbG\/B0lDiym+BuvkrCWMKBnzSPOMDxnD\/\/eA6hlwr0t5qc757TiWYCMXEKbiC7QkSTJx2kzMke6zyitCF3P65\/DMLb2Fxs\/9dJvk5fjskjWj1q6WfWS1P7yf8rLhWSoMekLJq26DnjOFWcA3TTaasJ28d8qmkUZv8d6T2YzFlUOxyBQIMWsQWouKVNqbvIFs3J1Ea+xNj5jnwwlrxMX2ymcFpVkbzwqLx2Au4LL8l\/s4kzosKqCVTwTaeym86TG85OPX4N8nufJCXvOHpX9MEGl3URAJJJ6LL2qK1VmI18Yv9kuvR7DseBW\/8KThfvmzrUKR2VSt5N6eQdDFBCylxC0KJf6GXHU1ZN8hVMmMxHhw9qM7zbeveQ14sXIyklLoqYQnwp+B44GiH4424027iL5aeI0tNzi7+O+EzkyKIf87pV8vCaf5OE0lsvXDZ0MsgDzrVxPTewAMovcKPA6SUMz\/ruN25RPEXc9t680xoVOXHei7BG+N\/lEbEeBY2ZNfzr2lNP120De7\/69\/3\/kyA19r+gOXiyroRU+jXyAohXagr8OsugItxX0AjIADwDq8BifFpjxfcNPn9nZfEnvmpn90MmZ4j8pbDT8IHgIVb1wEdC3RAdRYqlOeUbczjMi02nAfAXn\/5FYy\/wQlJWMn+dphDckIJHMIP1vtV6Po8XVZakADZ3ggymKu20u9fHQtD4aishXeQcfGZtakP4jNYcCoOH5xviTKyRhgT9EdHCRqBEUREcNHwMHboMGZrNrjZiejtVoxAT0sW7upqQpkwwDuTHT9dH20ZR4rQlZtt40Rab3CPbOMhQEp47p4DAu5xJKukb4WhEXtPPulw3gH2PV1L3ciY2k7b+XEmuqj54Gu\/nAxI7W+58T9L9fnvb5c9r6WMXErNEO9D\/hoB4kq7287D+NtIdUsQrewMqcnUtoLicQDF\/6v357QZuTJkCScmCQZ1zKM8buWu19hidXRx5wjITgxbEcdU7Jkf\/zT5LmqcGNcWl9DwlW7DLCHwf316wn\/Gx9D\/NKK0iAhSrzAdZt\/8mqlb846Z9vZ8+TC1Jr0dt2YGDOGJP6g8bkpvrYwVmD7FQajZqrB0uqNhzkifbaoyPuaNzMUxzGBqS+CrU7JakFdd\/dz41nYvb4FJvWVkrNlnqQO6hJCdUdeHq8gFgLtxu9xHrCUGJ\/gXMWa1gDYEQlqr6OlWVOFVOdiTWWiPpFG496a0RS7sOeIRbRJf3PbhLhkVWksbJNfn4DqPjU+0GGg9GuzcAp3AeZVHK4MsWlAH5SPhFWvRtoX3rF2bUX7fFbftfAYTpP4leZZFWC+MlcP4iQ4SD0P\/TfPESQcD2r7FGhJS\/kU1ab10558Sa+dgnia8fJWzbhlSLJCPe3hmUdT1Nc9DOGbtQn0Rv1J8vAG2twfxM2C7Z5xbaYagp7ApzfpdlwE5I0pxGhn5LdVEV\/ct4XZC2gDCVR6a\/AntMXlSVmVR6rjcLmS5Kdd9rnbLFcsTn5KGnXPk4cd0m+wofIQdHxaSfgU1NwTFR78qZmRFkQBgDa6F6b25vZS8JvhU+aQoJZixtiZ1zhPekbCPYDTAd96u4qc5Q7lg569bY9DqNt+DW+61fcNXK\/3j4cmAJswrp4fUlBniIvlheQHx9IZezAPZ8sXrbOtQX\/7bmDzw72k8n5xGOAi5sJbsWKAECqmKcbTXuKhP24Debo3im7GoRQohsknDLc47KIGg2jtEna8bQSbB5ognQE0xRVvibQYyWJ7EfJ74I\/4OiwXzq2\/t+\/n88eCgqSpRn6TGLMXamG9koOKUHvwiGjaiSazEqBDjChv3ASwfiBRRi4VyuMlnUR9u4PRU3XMGLIIQqVziw8+e1RDpzAmAPBprKKcX8BO8bZhaY\/5r76cshJFCZTmfRIdIUPS+9nfl9yBVFD\/zCbBl30M\/vwmshtxL3lKcpnA8CMFIaYQ7SdaaFkPInLI6ux88a7JgbrbicLKnGGTCiHAKw7FHsP0GqBT+BrBLeNPsnBWSem6awNxr4WvQboPNUZ2mDrW5Lzt\/NwVnOm58ZLYUv8cjt1ojZLeG0SE98lvyxE4rPD8lbSTN4Osos\/\/Po2tgaNrnbyqYVZ6Y\/VBiRtEZFMvLpYjy6nQh5gTohAh7srvcYZaiyHAtpy\/Nj6wPvEop\/c2+1uBO3WwovxVultaU4FNiRmELBmqSPvNQRDIMg96PGQ8miYB0hM5\/60czyHowWvBWioViPdzYxwDQLP1UD\/hd56EtcdBizjYfL11\/EAC4D4dE9ccYEiYE6JifAz0M2ArsPhGEqLrj2gzXn9x6EAR\/5Z\/RdUJSYb9xdU7ZZhMzybwEZ7yYI2XVAlsTkx598mNIQgRJSXTUsTPD1OZoU70YG3t09dzSEvhPfFSd68sizxz2hasG914QPuRLtVdtj9wE+Rxq49CQhmpGXa43v2SnsTxlTGTlLQdj70Rw7gIrGrEmu3q16\/MT3QGJntxLiFmYOTNDO9RaWzLD1W\/tEtC5x2+WWaFCiNvFt3UOtGlHCFjZc+NLovIC3k4QIPl2RnpL0usLkWLbVnad9qswIZEA6nLgnXpQGjA2EOs\/Psk7BrJMGUQR7VIyA9gI20c67Zcp8ke0evYK7foFGunXuGm8MuHLXkU9dKcEjMvL1vuHltD9MMQNvXzIAqEBXqB6kDShNh\/c9B+3hoBrfFQKZcsGUN2IWhNPoqhgFo3w5WvkjbWNBHbZzbMV85xEzeGy6wJyZG1VdmeyjEEnFDKZb+VlvlPBwn7AwCtnSjfxlF2gTw4lG8JLRtt6tbcflbj+MPeqJJ60iwGq6Xwh9PIdh3qvDoxsa083NiTT6lGXPH9D5SUBF5TPibXltyGI6IGljyrwry1bNLKlchIPyrWdswwtUnbApj+OInNQxvFNicyHflwE9pR9bNHqzz0K8fg+XlQ6xqoQHBX6Hf6XcBmNrHLsZpnNxTmSkBOz5TZ6eLoHUdHkG1C7rdnNe1YaVe91BfIh5U8eluUBMbLb65XtzuNSwb3NDYcCBLBjSS\/rcH1XKe3Usx149o1n1P7DCjjjRHbZ8hg8X6OzSYIllMESeOyjQhwnOO4gT1N9HZzKpm1NP1U5arE1VOSukZhEeSuAzjkFu0sVbUfsr0\/vL2QZksIXqwC4FzBmkgTRMhn6wAt3lbZB5LKhC86qvRBP4DHPo\/7QybgUu0KqGUkyuzmCS\/Wthh91RrT+M\/cqK7e4DWd764uT3vPlCHPEJVmZgOu0xK95ZHvu2Aq9j4wK43kU\/rAcMZ3OQYenNZdor7mrBycpLzlAe5JI7Jrgb6XdA9OgH7JkJlWy1FEQFIVvme0663naTvnaOV0xikDmyXEnrVHkDCs936XX\/6nX2nxxS\/71Exa+L9ZvwSijWQ+HWNB1qNqXf9I+keakLcJGjc+L+cz7PQMd9d2qBgdiv8JB7yXO0bIzjAaR5rz2yS2HZ4Ox83XJ5sDP3gbGk70mdCLjNn62j9HO8xs\/XEvI3NbQJSitzPDkmWcnQWd8Ox2g3hFD9BYshLHSk0LnW8kYKZyXW8I5V3nzZcBpJ4WHQpAu4C8\/3KbMWpYhI+I9YuAKcEAAESnzbRWkoyl\/7xl+vcrO1yS4An\/plDwoxmlyukzv6RYyYrwTO1pFfnSNtTD2FQ\/y5FfeU3dqx9VsCMHTTnW+EQ\/AvmBhFfy0xBkYVLoGXNK7nrxEEjukcnYMBw37\/8eDTqt3IiNrMToslB72NpklrdimlIBRXjSbpQOhS5twH5V9SQv2b3DACuww2raoxMGB1FG1NY4KU9fPvhz7fkKOsG0LbuhskTNd8Io\/dQc9dI80Til1MRju2GfKzYccTNgI7TAlQyFpZ0lVuJ+wqd1BG+HmQaa6t18dm+aB0+xeYjy6e2A6yKzF0RLZRmntq3xO3\/hLulvX4tmr7+iMYbZdFY0iGmprXwjiJrXYsNw2v6fY8WSHHo0lhK3NzECybk+De1mupmg1ZU3gH0wUKI6hehVb0uHF3nqsOwAkVde\/10HV71DXeVw6WaCU7aT7tw1hmKcbLPkUusRnhJAlaxR6AcJMSoOypZ3PMCOSk\/tErkJNYkMNaOr1+gkSt2MCLQKt\/wFuB4DTMHOJoYpBa0NE67jdNNLDqF5d7X573t3YxwK3j76mPFIGgo8j5VbmUBH88AOc7nIARIJnK7fMrdLW4Q89ZGt6wPSpzfLfphnfrXxBFTWPD1uaPPnFT7Ztg48OZaCjX8qlhuVLvZJS7k0KzKXStgLxy3RZPbfzcXtc0a+sYqDZFzCdqBtLtlBqWieqU0s2m\/OGfW0zPMkIvJqOEEY51OUfr0MTKlEpo6fi7vo1XAwEOTpfyp65yp9KTQZCFjRnzuYr88GKmbwzg99saapDaxELJXUyffowNXRaIW7bRyYEa3jU9fBB50L4tnBH8O1khO6AoVRV1L0Hrf1h+H4oVWN13iGJuXSyegb1P7atVzE+GxyxG38hm84rx004TbBNhsSK1N0m\/qqM72mS0uGXEVvVF\/CpSJONxgqi0HKXUUXYslDY9yqNPNSrJWz+xFWz\/zKutXlB+8Bm+oCyeisNkuhkzA0NOEJM6JIHW5VOQKgRxbhY0GRsUC7sSf7oSOSNhXVgiL+eMtkVF5b1j8tut4eFa42NIX2tDsCSH6agIgm41kw9E1MUqXZzYtHgl5PLNpd4pbSc7hp4NBenhFVWBydpButMflwvIbyGDZVM2Q7ECLDwJd9gk2CJZwWDus5ihON9HGyTk\/Nw7ZdhQpLfeSCzOpcTUkIXV3s+kMDTIcX\/XCpDrA\/ZLEP1QdiTsexTwHt5me\/kgDG8IBUfpWO0YJlD4krf6gJ12pLtw8+NjVnoADykasRfe4Ll8eR+fKoMssVsmEKVkK4wgVJbUNZEjImELiKfLUt85qfdJ3mIzuDTBEoTI0iemN0FaN4SteJ3h3WkSJppN4k3Pis6aEsrKs\/whr9jJXiPHRVpfVRBs5hOhr3YRGlYwu8XxXwLW3cOQPTQKtiwxOjtLYd+3S3UiUPkCwu7oHamOwefrb\/xKua4y6HGP6+q8POF6mBQ94Du1Lfycoe1JMN9dkt8OyIr1QkI2gyy1PtiODKrdNPi6liAIDtNGVm+cRtmxTUAv6luTYQs1OBnr9HT1hqGQ1ChHCm5LqVj8SngEszcPpiOvsDzIp833E6kt4rc6E9FfpNkrx1c7mgy8aPLDwgEvq2Dx9DwMMlHLnW96vRoqQX1jkZhDrm1flUjFrxuwxXFjihrrqS66uP0sMuJtZAM48QgXCsdyGqlQ+5lsilH\/zsmm8LU5NcsgMXPrsZU5bhlXLbTHlXADFA6HQbQmtwNP2ZXCG9SNFgTv5zd26Kjzk3XoQpF8f6JAgQBrccOA67snxKaCCxFCNZ7M8pJK1Aw1K472qLBq\/FmRKJRKZLMinv33MJW+5ydSmTScCV5BC\/nD3C64lh6RlZ82SKHcZ75NTCwDGb6jRrPRemO1W\/TryEUte3SYojqL5HFZIwhyQ8vwco3VehsgzVraLqhSDVXBrawCoNdwUhVqFyd\/aV7oGGz1zBKdx8y67VA0jkqJQSS5v7uWOrilUvi9jeyQ+cnf6ce3L2H\/hxZAJUtYhzCu1ngJ0fyOXO\/aXUfjChRM0fipTmo9jRxAem1VhqcfvCktYcXayONCdz8v\/qJLd\/wA3zB1WOMaC7AnCZ0kY4YuP627ZhmzCMnGW1yD8N4ZwO5SU3VTL6eZjUTWjkUpDz4L8YLOrA6qho+BKSfJWQoC8Nxr8+QSUMBgUY\/2e34ceOqfiOJ4yk88HMEMDDJHOzeqZ2VOUsCnnR79tbOpol5ZtswWh2WFYRTK6uV\/\/31EYQMPEI2WCmZx0vHUZeXp9WsxBfij2CG\/nXJbLNqwpDUK+7FtTlfKOzDxzZujFEpKT0qrm+kKnhKgi5WuhIda9\/oNtSyr9o3uA+97mKA1nCE2EI7azaxiiv6GU6xm+qMKn4dAQEh6cVvzeUbQ1tGpArMlGHRZGWs7sNowEEPNLzJzlRib39DSrDpUVDw94nMCIiVqQyL6s9Cfk7FJxz2h7yjEev\/ktrXt4FpvJY1hazxG2ckBcwpYBkRlQmaCQV5MYdeY2Bn6\/QLVQmrVIIeyyDmz26ZLGAULeNQoQuzN0Q0Gq4+EwT58Cv1pceTkhhaD56R95plcYbAGbHsKkYJ2qxQ1lS7YuPWIGfHN54WzxX\/teazYLNv4EDqVO8Op\/4mMrnT2LltqcHeMzHNLtg32PlP5wqtY3dJAcUSekyXnQRRDahkbe97vS1rvdMCTDyC4iV5NNzZ6D4kQj8b8zLY+EotQbjAKWymzJJLs6DGGH7oIrz961kk7wXCpr4JhOCTlHSKFxYqK41D381ZADMYeYzWEYJf\/D\/I8KpJz+twLPmQFrskcjrYCV2T4rSJjaoDt0W8jf+rZMaKQEQPU1PNMn1Ojmb20IXseKS4hxsNjuQI8yGWOIvLhP\/YmL2lqFH1AmOe8e0GnBia+t4UYfSSamrqq+QO0vU6ANchpLFyEtGfqjAbl+FxbzZEmZhYLdnqVlxH35HAEm3C4gEoWYV1m2Y1BzXdteTB6vYoGHG94MxWwp2NduvqrxoIHJSD3zxNyAye+BRe15UxQvw4c4f05WKaSTb0cRHixxj2AZs1O82q4G+3cNwfvfFhHm9hZ8qwcz43bwzkaiaDM49WPPaXfiuNJJOjHLuV8s+fAAlqEAT38Juiw6hWd+Y5ENE7wIYV9miHksE7M3Xyrbcvm5C9dM8ItidHxVDoZLCausdxG\/DggY+XDdX+nlyoShI3k9Nn\/Yzt5kEsjdmiAeyLb4BISQIcoL02GdlEC2\/HPVjxcMaec4hIbI8voEknu7vlISa0i93KCWQUdIRMBWJnQgjGkn+uzYqoGY5gXU10HUvYoeF16Nmfe6JNZ1QrsVo2Sfqt34pfBC\/UPTp0RXmCIs6dOtCZ4E1xiJLq76kSlIlItKc2JdwAmISlhGbyqq+93gEOp1GJIIlXkhOrxZ3aRJCPWH5SZA3a0wv78BPcX9F\/WuXD+ahb4AX+mQf8yI1J71kjUaG\/y42ZYxYfXM24arP8XECI2zQh5\/gKlKisX8ev357JEjU9suMjPMVBLrjZUGy2kDngCwD1RRkmoZ6dORDhpIERbSBroRfFZ3P3Tmco7Wyu2rSgydWp3hUvTyaciohRVJ8+5wKGRV7jwPkNVSiMQVO6ubbeejZr+HCb02zxIm7G\/wDsyT\/bCh9n8Is6pKy5uf6NHB8UseSMQ9PpUL974koqqjFR9QFewXO\/IQVbLTckiniuFwFPgt3AKOB60d+tun0bA44XmKYrqQRZov7dkJZif2+Mcc\/Rolrw78qmw7yilqKNYSXj6V+KTN+Fn26h5OKxBLVUIu5LXTLTuDgkT2mqZlTOdFJKf5pNpTDlUf5nQoptccsVqXkQzu3pgezyGrsqp+qot1t+IjWQLQ+EYWMq1YaaEzBGuPAolRCnvTok96PvQwaA\/a\/evz191zDzy9mweh4zJZ9SWFna9ltFTiuwWeQ38YWUOaoQ1VDC5uzQyPLrlLsOeWi3MKhBwHTN09aQyi\/wDax+Knh3i\/V\/lVNvOUIY1dWPF95+L+t4jlb86LAwybWJFeCqnOU+KUhExxZ8MXIoxpkRtudr+Mdw+YEKRdQ16bCr1OqBgxci7Er0i9ly2MvOCHYEQhvz7eN6OO5L3y89d2X\/NRzcZaQ2hMBcQlD6LZxRjKE1Was0T+NmvRFte6WmA0tpPcbNYyD2ElP4tzpTxRA8zrYtFBbfhcOfr\/Crc0XzyZEPl5kpoBbPCW0MtcOXnqROuIUlqvmtfFAq5lwg8R1BxrzihfEE8lpO7bBsSMdOEG+5caaXaIYjKmFxW1KjkHFWIFu0a9icBxz2CjiHl1U7mXraZTs\/w9Bf+vv5rPLX4SkKLcb+fuB02d\/+0bcm+76g65n3zU+O\/+RgCp6oKORdG7tiW+OuMYRD6OUxCuhXe2iDywSKVQGRpLR1eepnRb4ysOIHTOwtQRlP5YVUFRXab4eXkjXZ6svt47YyLhWaLw\/SC1WqdaInhi\/BYySI7URdHHb1Ts53Q61AgR+DeJrTlmD65SfTMWvVhWH8DvWa\/wkEgySR947AqgSbfLOKUl8HW5t\/5et+cve9wVJj8Rkqizdy\/a0nDkjUd9Zli6NFPj6LoVTG9Ti5cB+ZvN04vG+XbY2BFcT0C5gjEdE5gOkdL8bJBTV1YwD4r6BUUy9X6bPwtehbItMTalvAbZ7694Jh9XzY6SR4O5TypaQ\/qZb2M0ZylWnL3n48Au\/GDZLBVT57AMC3FDb7fL35VDrESsubcqU1FziscZf9cGmQVDZ\/d4aypUnkkLWr6dzxkH5V0881mOlh3b04BgDgNo8FyfBF9VjZIwHXHn4ngSEtVYcZDRogC3sauyoB\/HKIK\/jalcXNoNLO9ZruS8aoaieczu+VF7\/InHwBoHPnAmo26gckkDN\/AHoUNCzya+jP0Ux2RBqKwgablgXCgOXx88M7LegZWUJvx+uctmLC6dzgSG\/Q3qAnBkiWaByJEsDTeJCu9urGc1RW9Lnz\/\/XC43TYZbHldcepeifSK2iHbgOZYs4KtlibjovzqdCf79VbDbbgGZOp744x+Jy8JIsSQEbhAjvpgGwqeQVKtqHWhWrAld8W5WxoomwmTIPqYNo2vSRmuYqHPgWFsSA2imXVaxriGaQKwlK+JbZIMpyo5B6coEFyJreKFQ9xKZvOqfOa25MLZ\/3GxYEW22ez\/3VgAy+05WGuT3cavFTGHYT67E\/B255r+0In7jOlLmNh+pQ1TWKyBaXb1mR\/y\/S9FLAXJeclkpyr7zNpXE4zQ+2PRqFJbklLvcijM7d4rTLclJb2Bfbu3J03UxOoavuFuqNOOnu8CwvDZsjeuPWeds3x0ch10M7uUJ9LnIeAdZD8kjrpeA94UqCSS9XXMv9NuANlHGrOhE95yMHxZDGI50MZbXlDOlJ2xNQG0pC6hMImFmih68HAH8F30yH5GEiNDEWq\/EmAZ2GaYWOmCyZhVK62ZXNjegY+2Gp+tVI8Rtb0JNMl96Xtf0NMzRbvoujfILKnkxdZDodhnxpEIUEnULFiKTj47m3cjmUpFiV4NdAZUEwGyAXoZuAhpwrpjd+9bvFOX1CvHXPKgTIjxh04oc4UZmG5bw3\/PRQ5H0A1swR1vvK9FBAO9QbkdbVRb\/XAhpdMN4ijbGOYlu7xLjNNco8WR8lffa9SAth0IHRwxyqsIdh8RGH+0Kl9WM964udeIPDy8ZK9wiUsztty7NByP7cOxE\/ID1097MPPuL\/spKDgxEQNyFP8wv\/mOiuZZlipvx3clY+aTvbnGtaERh9FOP\/Ej5dP1NBHA+AanI0sYG7rueL6mbrulDUx4UARv38pYToKoJw2bkZGd2esymVyW9lXt8mHHgWcvNZBY9WoqWWhlpon9EuMGu4IbEc4OtNZAzqHVAI+MzZrOf2KEabuoFEBFsNvzgFrYQnyM6luKc4kaI5B0CoykB43mE1tRQMbxsUWN35Xv7GyrXUMWLFxwrvET7DS92R32VP+J3oALwnwdd3eRPm6VVzmwX3td1G1Iy5s\/KyUuGVdraSlBqW8sokCznBSli\/8GItY4gu6oODV8qZMblrSh6H0Lhqu9vqBOSILZiM9IR\/zrc4bCDESvPsd6X5BEShg+hgzIwyxVrRT85xa212QLE90sTpbcv\/gVYLnjYGqa\/27uEcI3scEL745lOed+3x6E+Kk18gicGRz8fd1AVBjMLR+uKw1hW9GWJSmvNDdlM+b1A\/m0aIbV86rnuWTvMlfxFpr6RlDpczGG8xw9ruMVjaf6WucefCJ8Mm7DOqT27xvbWCfQbPW+Jk0QMaVIeyq1S+Bpiz5QbQ74HNqACIb1kpfsq2ajJhahzadcyFYDYL7dMyvJsFA5Rhn1tCJFE41QoKojBTeyXGUXapfBpQk\/bRS006XSSYkrVJnRyS\/K508nNmJVuapyiU6Rblzomvi5eIX9w0JvccHaEif4MytFFinvIjpNwjdipWUmHwCnTaj2KxS+zplD4n0Dkg1Idey88Npjeisf6HKUi6ZB3FRhQUwcJASaq12EcSJQV7GAFKI2zby8Y9w2ON9cnujZEM0AjSAZ+2hZs9k6F8dSy7s7L\/s0HJTkbpr8MKz+ZxXNbHwQlZC5Sh+Pg0z7kG4Ty\/m1hGjqXa1KL4WEXqlutbh31TARPXqdGAtjVr+LLTKNv0f3fClz39zVUqCRgx2Oa66zkTRU4JBET+pwa3mZg2nGhFylUR1ltFt3iYF7GZtRVFE+BsR8lm7VeSUnbVpvtIGECYQyLZzpkV2Q0OPi1\/UldyzCKQ9XzCWGK2Vy0oO3EnwqYbDhpNTtaImK0cAExqCw1xgjgvRONrNKy15RlV3EAH41FfPZlIgZuacHZImcIqvm\/gKqEk84OGhbhP+sMifoG8MhwYHVkJZDAuB7qXIP1tsJ5zdLOhXshpozbWlVctAEuG5LlDJYylFuGHcLY7Zv5CSut6JLXGybYRBwiyrqXKVrJIHorsUJg7\/BXUVOdznd+pKYt7su7pb54AcVyaVv1IdqdEEHc8iDdH9MKHRbBxHPNCmCBnPT\/iK5uq0zHws22HF1kY6XZSMk5onrYTWaHAou2j7spDjrT9qiMsgNuBLZvy2MTzT2g\/NAEwt0N0UonG3F3wmj\/CwSaSZjTz0fOYfh+7m\/nhQf62+grEqxit6GswJWd4ob3FVIbGM5t4YrwawCBau+ehDiWCXWHGQDvNQOC+nG2HSWFKspPkZHZfogvUYIG\/5HpYMaKPo42c2ykkty1dIP\/5FI6UYf0\/TObNhV5RAkkq832W5AhZU24VQ+n2awpy4pIdKg08i1TuSg+tv6cw0BcC+drGcvlH1h98Z105ItFpRkAVn7IgkaQ5VaBjRlupESIaqbrBA+PgdSapOjT8QcxwzNCMjOc28hcyjfNYBEYfCfJ0lj2KfKh8o11k+vrpVoYTPNbIoGKAIr8mGJd136V7s046+Tj3vIAxPMWo91XvUwV+WuMfpsKxs6f3IO2Fy2CqaDtRkaHUoE1bXwT\/Acy8YMTWAU\/jLsT7G9R8UX3pyTOYdrQXsF8FaJlF7+LNqt4akE0ZIBUO8qRzogx6B+6AtKEJZreS+MiAwTJU7fT8csbDB\/8t1WfcdWWJn+7xYUaMe4VGVucARLpmtBYf5M3NfxnLoQ3YIdjWYpWDFYZ6dviqPiZCSMSqqAeWFOoTl8MYpbXMw6caJBOcO6dqzS3Yj2FwoyHCOIh29xeAEIFeLN0W4Do6\/v3wFvZ1yvdK\/ohYTbB4K4tuv1szGnOv\/NNpW1XkKab+dT3w4C1z9OWaWMCUTSNH9XLuXzhUIw2eXT4YMYRlkYRpQEn95RkO03bieIMY+tJWFQwA\/hM5X2o0aP1YQASKMT9jmhOsnGNp9JxLYFrDvaG8Q4WZ2+jYJiKOTgV\/3DNQ1GMtB4sruq0nAH+j7J0+kpLRpym1r5pyygi7lVKn\/Q9NvtE6Of9riXSDGVCpCA45e6V31i0FdIHzcBUAT39fTvSy+2xn3PLoqbzlcrc4wbHNLKg4iFklvEVxhtGeRb9Y2uYHCT6XsEcXNW+1zoNsLbxMPi\/FBMCwajfbiV8mtPQzcoA7QBQAHswhhkAPl08VSVT54syqzNCZHIEu5GBK13jzQawbMtCjkiKZZ8jxpkIWWsjWLioShBm8okNkBJG3esyX+vc0R5XLUFMPcEFjhYjgLpIUaEWD9eHW8fCnjfXfWhnYYGb2eUwk97OVdB4+MFYjj1f04MrCloX5cmvVR22do7n5nDa0+AENNoLbw2M2rKWXHcCow3hv03shNAuaaIJLUNj5WUVWyeOf+SjXWtyE17YKJQj4LoKJZfRaxweb2DIR2I\/AkiDc3dK6ruyAEJekFU6BpsxH\/eu3qvbcaTtU41WQE\/RDI4QGGBjn8SapQ4u8ezhbHPWeHNCqrkNMRa97YNolZ+j409l91GA6xy5w0kZsP4usBjIL4agrWUr9ELdF\/02zuK8KDCV6tmKVYmM\/AKEygkVbrqILGCdQ8aSPb9sysy+kO1BYv1EE4677NxA2e4vB8M5B26U0Ow7bcgCXKmJcA8YgQ4OoKAaRzpQkXDKYgR45G5HXJQckuNJ60XFyGWft101jBS0y8lBLxr3fIlmd9t2S3WcUWrw7k6xCYqhsK0\/x+PJJ3TaypEXQArFpTS7WnUCdxs64ljgKcovcgt\/bsOOLk2a5oJdi0dwwHaKcKgWKw5hG5kGjjiId8+WD6JATuot2q+468RM8efxYxI4IggWlG7LRsx5oecy4\/Hm3Q+WOsohMbfciKXQIWqXOy7UUI1oAKN9Wgu8l+JbKKjDKKxWkGIHThI52PXyRFJ83dn6Nh+g5rsIf3rLZPjWfjnH04oF5HQP7mD5lsa5K+aNTh0IOJOLuvJYIgG18WlbTiSPsXZSbZgCKGWCWiPUiPa6BgEZviilHS7PxkYmSgSnoGnCPAhinI5IOtX5FmHS2Rz8E7B3C5W8TJbJhz4slCbNI4MMoESQGfu+GBR97BzLKytnvXcNRNnp9xmd\/45vWerI4S+Mg424Qe8XFhOPPXTbDefg28GgGGZg2s92D9+1JHAM4NPci3bcDN6Qizc4FEKux5WK6OGvJeeApIy7HuA\/eEA9k1x4Nmb3A0\/9X5Q\/brCFZiunuG5ilQNlWfzoCBHU6jG6uwJU04U+Cr8\/Q9uPjM8SCNA4ZI7SnTWANyaiWSWBxy2niwdhC64B7\/x6wMZ1zudQnSqiky1Pb8XYMO2DTXiRqbs7kpzhdP0\/iDRRAeKQOYBo0XGUwxYaR0co5\/XBsLTqxQ6FFf4o82doJfzz7hltN02o\/U+fsWOdNFgJuTn87fxNoSv9Zg3vZkcSiGl6P9SzwZ3\/cA8ppSSLirvQjux9m0+YJo9E7iPquHxUdSfgz+peSWSYn+AEKziqQbnfF8I7i5WSnvfp\/H2MQ\/\/HscB9BV\/JYCqYURs0nSfBHdPqZQF6BfH6bJgxXrXU9tw15bPLenEFZHDOhDbwC5Q12vXXF9g0ApRNbCCNBkvBjFJv1yEzMzTp2X9MlTD8JX+La7xwsKpHtBbPpeZs4qbXxq39aOhns7kmI3ivuqu4cX+4+3qfelvi7FM0Lz8KA22UW42f3WUoSuituMgym9OQnLZxGqVElbwH7TutSOQR+idvpxNBgVjWjpug94y0lgA3vORTteVLrUokPb\/Cx0JlNsbU5Oq2XuVgGja6NQb\/PbpB8DQRW\/oaPevJ3j12224P3Ee6DouTyg866mEGbC51q5nF2GzYOktJBaDtDLMGhDSbHO2gV\/fk8tls1KeI2EgB9NueUDL2nRYeNJP0QxDl6aCdF1JQJF5SWA8ZfU+SDLKsQP5AazRlz1bsEhqYd4QR9nM6SOldUlcgWrws\/aOmj2GJOJGSmHP+\/PPBsgcOvZgHE9h2+TE1pDV\/PQTe8bUpnax\/Nn4CmL3HxJNNf42l83GXLVAVXDLN+AungKEMAuaRVblDHIcSpD\/mRP+Z9n54F\/zwBV1OTxjCVpWjpG29pe0saL2Uh\/JZmCO2XF291D5IkELXS51N0hvGTalAgIGGqYuua5gT69fi4639nbPd\/f5Q\/vsAccdgpvzmhkexerSZwVOip3I2eBm4mSgXESCX20tF6b9mgVTTpsfXSfBH8YsglYnx1otvCXhGuJSn2OFLNsZILkGiITGoN\/ig1fE0fYQLbm8TD6XbYDaGe+VP3hSqEKAhedr18dYiE4UaOLELXO6UzW6ZJJtiL8BUVIVuVg18+yBs2sSyGwyy0dAsgBkytOZZJ4sORVY47c9nhWWGal1EPnEqjHEJQ2Zfo8b+CoBxAZ\/HBE\/FfcWQnvqEqU1GPhpBXSDsZRhISCUfMjcfQ58cdzClpyZiyv+mUQ8spqu2Yqe85kL3K5amu\/9ogDNhv3SyHZNzVEE173JgBGs6JJMPbIJGRlV1+ew3VVcEs0xVHAoTrO9Zfs4d1R3XIlCM9N6BlymxaZgqihpcEqHrZV+Xw5cJVRCK+Xqam3DS5vChHY\/OYIv05MuIvC12kAUke\/HMtI49KhdXEjx4zsv5wbUoPm9eOJj+SIGGXQKapycya5bWnTS64jGTU3S9pYmfDVa67PM\/jrdcNDQg7vAAbJ9wFV5zu\/CnAbmywKuEMHvdLb\/hiTK0d25EMqhFbPxLhNb0+71FknwIU6iqnn\/gDM5yiA9Bvja3W+QVPybnsKodeP1xoZMa4szQeQ690K6+5+V22h++Oz+qxa8jc0dbF+FTbKGM2YV2fOr9bYQ\/2oU013ruDJ4jIyey0q\/FcsfmjY9uIKYS48MUs6lJWLzpg8j9QVPrvn4trO0v3BIpF2HyUAVFepbeAg8jVRt+2+2wNf84jMqpp8iBu2e7gQSq4jSuzSqmWyiWh+j+Ue3\/nkE77OB86tE7ednrUH7wDyOXJD0jFUHQgMuuypcD2DU12ITfdLK\/DzVJDBxMOZfue4SoAl+DG4Qj4koD\/DwwI6rC59akKmIWq\/nqvFxa0091D\/6ffGa8AFq3P3W44r7PcWuvSYuydHcSJeM2smlp9WGd+bQeTfPm4GDtfD82WZ7DIn3jIUg3NyT4XgRSM8DqdA125G9rGf3PgIPn1OyrenpDYE2ydFQ0\/Q9TjUN5k5nSNlR8uDnIxaPUiISIf8uF0xOzlRUvR4klvbtHaFnmcckMEbJOPUKkRQgdba0ILE3aLij9wl3nKJZ6OIBQQajfa2PvCqCV1GxivWUhpdlZ2JmdubwSqerM6BAuQ2hCQiQXGL4ABljhg0Rcz03qs1JVOJoezG7DbvEFkMRKkypTEzsrzBCwOAhgiEDOYh0rUdMi\/sFvlSS35JmwvkfKq0wd\/ZYGCXG35H+XLnVxcZx0fdbJpftEzB83Box4T\/7QE2lqjedG\/HC++eGJHx4535IRhneL6P+qfd9Gy72shtotu0Ci7xOty8sYfDmY8t7AmIlBcdg1SCHq5YRW9xS7xfNWDkUjhfnSXgjNFJevNPC1y9NWBaIbwO6CnOgNMsKgHybfUKbwPkFPuNRCmkQAMq5iGOYmwB1FEL+GKwGrnyXuMP4Lx746FIIagh283UkW+uxHdQXCj3isW8N\/Df88xoYcOLmL78rPn8Ps2O7X+0Z6vQMIDm9EUiC3qCtFTYn\/uAwW2XtKkGILbPRdZ2o0Un38l4YNkCxCXMjyCyI2UtKEEeaL+a05w6c7W4y+cz1i7NyjP7TLiRFpJ3RztSqMIBt3pCo+iCdfk1rNe5BFbkrb4gJ\/zt0sFmVR753lDwg2nHrQqKRNDqObNCoI8Uvgbvd1\/xKuk8khOC68Z0V79OZPvfnaiS\/4te5A9YGuzKefOIC3E9gnjQ8FU7aVMrHVgVBQTWng2kp83Cz8PEGT7v\/JCluGulxbT14Xf\/ygeG+fUJ6kIMKbJ93l8PuDwFWD\/mcyZ1EmyEyt+cxSrUHNmDW\/8zIztA3950fJ20erEMEb8eJj0RLuA4EzZ0jsBbSPG4mTaLtgBm8D7\/t9\/FWszmnlEm3k8Uaci3OKa2362XR6syfI7I\/xbDky6XWO8y0AzysTbzzhr6RMtOiej6Zv6q+mwBm\/07p+DX8VbXHd1VqQohTXEDKHIBnT1B20mS9iQFOKyCDcf2CB4tw\/vYh8WKkZZ2CBBAi+pwTegB\/5Jo9LJZJhnYAGfPndYNIeZ4FKYDsrnShpvx9sPzZ0aLK8VFss\/ZNyNRHG\/iJC998FcHRNqLfZLolVXwZyGsc4i7xRWFQi\/MTEXixL9b0u1lH18dywH3p53TXr62nQ8n5GKuGVhI3F5CM4442M1M2wjw57w3GJwzg3RS3\/17lO+kNUXjgAtbTcfDsfl9BWrBPCGu5SVkmZnW3di+1cLoMxitE2HdSwU3aFeeCBLCjFnT6Y6O10nNfKr46Y3UFEWRxb4bf9fBkD6pwsGiU9RIRC0npuIjVrzegK1bIbpahdbnxJxgAAHUF\/5zWHoXM1QB8LdI4O2DBxe0+DR6dW0tLdYOxm50xUAeaisdueWpsZyxqp5LmpVi6CVdlSy4krdCMqR8yHDbsEBiz078A3naSrwmcEi4NpUrG\/mVOi6XNBJRKTEiJ9TmVLm7\/BvakI7cE\/6eKQPn7kO55eyPDk2dzMTgJJiGZIbB1i+Bq7hVKuYAe789xqv83iWCu3c4WoCR1in+WpaY5oVaIKRl4vkN2NiJvW16LwSBnkUDHZGqcT47adV2EldVS+YV0HhPvbcIdh07twPIfcAz+qTdPSQkfTnjcTB6BDcydc8MHkKa7s81CMAs7NLVCtjgXAmzv+K4cfeXVPFo5FZuw5l9LfB7bY9DFaI81F\/\/6DsRJSkl6ZRkF38U9UaS3Q\/IAlGceKiOZXZieydglbqDmvodC\/XwA4CtuZ4y7t6eIK5L6LIsjj3O7j5TUWQdds+4l7j6odKdmzj11J9H4dXok6\/tJCLLJwR6TvVmcG2lKC9rCaDbF1JgVK0CckkZS5YbT\/HIF92Hg78oe30FY+QSHvNtGE8leSt1ubDpNEiVmCdTeP+FX4N0qIWGi7POEfzXnLcRA\/L849e5C3L38Lqc9T5cDmlRE1v0VSHesl41UJYhMcPsezolCCFOvoUuCMsEeEiaW\/+1t4JcVyqtoTAMtUFFjVTjfvZrRrCHMwIWcN+nQYOEQsuE9zBMmA2RV7wnR1R034QI7YPTC6nCj45sd5fn6CJoy2dwytj5dbQ7JPw9m\/8fR0pr2lOlsbEW0mTDQh0h3nx5nbZfiM\/MmG0MUb+v+KgGaMwEfE8cV41HufdJfwqdVdW2+e0i4kG7anyG0V4QEN4qwnnHVAfWHgJxiFoIkQRjorAu\/XGx1CGPLohBHjpSvBiE5l7X\/1PHaHaW6mwBDmKeNQWDIX2yxHFKz6GrFn7xo3dAZ2jMo6MCIJM\/SZgPYm8LSdIQewC4dnZbOUj8o4lbatBagSvNmNTjUm3lwCLdDJAsF0710mgp6buY0kSKMT7koclaQRncbo0M4QWYgNxj0r4D0+DEjbtho6imUsYYw1+0uKm3jOhFxOjjQ4QrYNExgTA\/hMS5Z8bkaJRGDjAxCxbs1sfmwVTHPJw1fOyYvF5AJSr1jj7shGJruXyImb\/w4k9v5nQl8qjvYb90v8fCvVF2QhUJRFaHsQEEZNBFnrG02XpE2IJkoTIA\/5GtCYlw1PVJsu+itcuXRYeEuUJe16zA2wXq3Bgt7o6424rqMTi4\/sFV0VpntDcTxHnIXySsVGKFIeDn3LaIL1WVUgICT9rMQIiMc3EXyThZ3wHgn1fSBue\/wxRGMSoQ3izt2gVijry+judwhxW\/Gje631rK8ZisRkN\/O1FWWPWTcQ7Ezd+ltLJphbrFvP4qMEOCOMUbEyx7EV68zWFjlEcyB89rmG\/S4xNYLsnyEeBdD1MHgG\/idpkujktBjWigkX6eQryeRVvtxqZm1SE58D1x6UdyxR4Ez0cEDqUbGGuJ4busjrGVSOcxzcOV3EyEJJZhnz1FubLg\/cv7hgoAGQVQ4SN33HsPLsdY408jsylWWkcM8rnfLMke2diRFXwhXlPhu\/n3sKl9hTGUFQSrbOkmpsvJbknBkMAJrW+QZwe4pxb5IERv14S7Zn5OOuHc4Ym1pF4J38GBXjlpOUKcR3HSS\/E6MiHbCAgKjq+UGFj6J3LkgwS46Jlk+8tCya1ZLbTMK\/j2FhpsgrjOLAMbLz2lrnI+qOhyYTdN1sDZfRoJ1BqmcJDt1ko59DntnSUWCJCsRMlHLMvuPLAQC6utOqsQx3CVutF7fq1OMQFTAjbSwqNSeEpBZrOCnkK3Z4HZZQnMpWaYQZmWJMeanI0K5SpeCY8365v64XhXZqZjSecG7mgxNA1xdGNzoAiLHYLRVONUa3307x0vPK2R5uLRo84QS+kG\/I1vRX+gcDvw6sLMOF4gR0n+wk2vh9ozrssY2VXs5y7+WFUQtG6onr5txsyMUkErbbDEVvM96RQQuekqL5tQLP7k\/hm38Pi3DIihXzml9pwo8L9O3prutN1SPrnLfF45H+Ybbb64RVyIL16FG0IGmfrgRPA1tCGas6i9\/sxjOOQ2+Py7sEHubqpa8t7BAn\/pveiBxSTByb9RqcTdzOyQWjbXeT2tFHPBeRUNZYhfAokDAchfY\/E7ZzkT5IIcoGLNOJ7Dzbbgs+9ESjPTX0fIQQ5sp0cOuohV26fOE9V+EQNlViZrSxi+irlZwHtYRZXbcV5ZlNzbDCqYw9S81N8PdOSPI+fNYJhWbQbMWDFE3pz6UYBqgARYp\/drDXBU\/aBMkJCuGUSsNDmqOE4VXA0\/cpXRXbWTNA0fYZBnNZnNl0rZD6oRI8n\/roZ\/\/\/qv2qKPBTmDESRvqnRENQzhJQoH4qcpHycd\/Gbxd6X8x\/2QIoaKtxXfrfLogPxsZ\/1Sjg+VJigsut4fvXlYwdt2zcfwBajpBeui8jML3MSilzZclLAvmMxC7Eq2\/DxeWL4Po4vQwaDCdLZ4U1Qscz1H0DE5OfO8JswAjrotMmXgUtrcKPXrKCBhc2YbvnriUuakGKaSYCn3zwVIOeGdIMYaQ3DOznm6NrHOdGeal7haiDJNW1ZmPYb6zSSP8uBXzyzsftTZzPU4GCfOhX7Tg0Vx2Vl8crYCdQJqplnrozXCbg+IrukDYLfBc87Hg55sV0DEzQNjnSBtG1TqfMfv+IMfMe9dUowOu2pQbJkPfS4OsDlziLAQWoY6Z7K0UQRdmOs1gyPO48H0Ga55jFs7AfTEBDSy\/kw76oE97d4wR8ycPWJRPDaSBSiBIyaBnOddK6mgcR1cYXf9JgJe3Iz4EjOr6BqRBgvNlIr\/Jb\/NYPT6Kvhju12uZQU1xTi\/cprJA0OmaF8YoX603E3H\/OylwGUIs9v7o6VlujbZLf4pD6UnGLEl\/CmylXMKco1g28UAFBVLPmnE5+pFxkEcIaC6iYvz+DtME322OoQbqd4a7SrIc05uittTUpBx9gz8UM60xevlYIvHxwgMaMT6YDT5Bl+RiT21KCEOpLSJoBsv0WN8J4h0OlNjatIvnYutfqJZV6lw8oxwH6cgH8dpTrYfGxHhCK2HnAa6WupX0pxCuwpqm67pauPDTb4zQkj7eG\/k4O0Tn0sbgwIU3NDZvUP+7WF15tWwaN0ywowcGYU\/MRCZOhDTXi7E3f9h7qqDo8sAiTySZgM53oShUfohHp7V2tcFyt\/1Pjs+ON2CQfk0Q4dK\/kyUDiO34jpxnFURYX\/K44JUhKEbiwrRo2dsdYEHc5uSw913SjQgCHCQwfybmPER8GQCf5\/T64W21gIQBqeVmgI0iJDlymxNQ2VeE9hudIF9qoo3C7290ID52vwbavA3msXluBesgADm3NXiqn2AmVy3CoW+HMyX9d\/WNLXH3Ti7b1dtd14RLxLRnpXHE7NH9uOj9CTaEs42b64Oh1EjjW4E8eDNd0q0nASDcw1Y7\/XepEv2po2b51\/h4pR2Mb9FeesaM0veNA+v5fBf58wXo9nGE8V4xKtG4TNWHVA3kKNiFOtR50sn6I+e+R1sV\/7zINK21A7HQLOy2J0jSxT2A7bzNPBVSZ8Y06U0xLR73WXJzNJZmw5x\/VGp4DOD4dUn89NPOxZ8PZZRTHpCyXQ8NOg\/NDYD2Pa7Q5p8JKjTDVtyR1jJkfSQ\/WDbvA2G7R2\/LN3amHVMqiHGuSLfYAQJnbimrDSbssPCaB6buyHVCjpsSlj+k91ExGmd1\/n6yKhvXT1oVlL7N71Sdp81PzEIA5e4bI\/yt\/qWpaU+G3nN6ErK259OSzGI9GHIPVwmNGuvDLXzkHBp5vOY30RODAggL02SJnMSm1EfIZVhbwl5vQL+iV\/\/E4c\/vIbMeoSePHnU8\/UWul3hjMIdS6\/PIAFtrnqZ7\/hZSP1TvAVGjz4fKAgLiddn+paEHM++ybGjDyfJhVzDMMQGpzoAf4Jo8B6RChrenHBzbJzk9hiYPvBWhg2vxLINu7RUbBml7vn8QUbyd80MCtuZoduJlx4n9F5shYuiCW+uTfCXnD49Clob8Y3zxZ0EL0twJE2VYd2+7S9aJCKcNOMn7hbviXKlPseVxfyirTycfdaFAojx+OiT3OnFeKzSirIDTLugN5plu8XtvqoKfWqrYvSLxzVfWO8XFuZ0N\/28bQRvBORir4HLf1rjIHZuO+OO8YocQ0gv8WDkNbpA8K6RIp+vyWZBGu1mBKXrH\/MSf3VTwbDGbtbr4EFuqf1jwpt9ONuFkoessDbhC+Uem49ZwnPXhLGfqZs9spnZKCfU6fd3KM1Py8yOUoWmhsuNnDnb6\/Wu5y9YCZ3q\/5H1tio1\/LYeW\/aNtlG2DooZehdLd3X6T\/fjw9Q4EBxznuewE+K70wm5LlGPpggXkrS7DyB\/wOotrg34OjqKiUOVJeLjo8JyvuTCs6ZjfjKPOF69Rrwm4Mv8geTavhP47rR5iaWgQiJDn3\/4l0EBuqg8UHG5aIpmf8shq+BfJUEKwSoicf7Rry4ZRk3MOqUEJDHcdmI8TVn0jDzXkbrRNavHkqyP5IzQxuRg02EDEvNqjfmg4XzhPpE16wSMAWPTPV+gBI1YEspMmKyhr8p4gjv7O+YFNsNUryirDkrGBe+JRpCNlLDxh5hsXJjH8TlecDiXAtPicau\/GbDYNlWeYcq5h0bCjCpbTkz7A+WGAgbgNf0W5Ct\/Cm5ebYzVpl12VH9lpMq5vMRsxVkmhlgA27YzntV+0f8wzFTY6YJujV17QOkWPLbl50mUQN87WCfvk2pXpCfluyF58l6F6t\/auBuuAA1oaf4bjUBM9IIdjSU\/krxRfa40iSiLT51AXmtE0ZoizDTIWpmtSIv+vO72XB6jsKVKX7i\/Y\/9gNUklFvySw128nxYW9Utw6dzQZ86Zj56\/SCkn2A+gYAAAAtSAAkinSNSzU2lviZm89TxYPzVycFb4Z2UL3XfceBI5Owm3+z+BSfjnyJzgU\/GC6Sef3nbbPKMGEC0kMAjfLN43Wtk+HNp2gADbfgNsL4na9fc4AnZl39a4HbUmy3IDvPVCY4o9YVe\/PHwi7vkf6H8P3Yb2CbOOpGJtHonL1po36maLtyn\/D3Pv+Vo5Yr+s7vBFjJNQex92ZJWwse+3JB1ZO8WqNLyclx3IPm4vsL8DwiBEktvyMlQeVOxzXHjIugHK8W+eVQfY39Dx0kKTUV8uk+xVxMeC6dfDYM\/psCWDzP+M9HNcAfZISTtXkQmsgAAAAAAA=\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'rose', label:'Rose Sauvage \u0026 Mauve', latin:'Rosa canina + Malva sylvestris', family:'botanic',\n desc:\"Macérat floral hautement concentré en bioflavonoïdes, provitamine A (caroténoïdes) et acides gras polyinsaturés (oméga-3, oméga-6). Reconnu pour son action anti-inflammatoire et restructurante.\",\n targets: [\n { anchor:'epiderme', action:\"Action anti-inflammatoire\", benefit:\"Apaise les rougeurs, calme les démangeaisons et restaure le confort cutané dès les premières applications.\" },\n { anchor:'tige_poil', action:\"Révèle l'éclat naturel\", benefit:\"Les acides gras essentiels gainent la fibre et restaurent sa réflectance lumineuse.\" }\n ]\n },\n {\n id:'flav', label:'Flavonoïdes \u0026 Vitamine C', latin:'Polyphénols actifs', family:'botanic',\n desc:\"Antioxydants végétaux puissants qui neutralisent les radicaux libres et activent les fibroblastes pour la production de collagène et d'élastine.\",\n targets: [\n { anchor:'derme', action:\"Stimule le collagène\", benefit:\"Renforce la matrice dermique et améliore la tonicité de la peau dès l'application.\" },\n { anchor:'epiderme', action:\"Bouclier anti-radicaux libres\", benefit:\"Protège les kératinocytes du stress oxydatif lié à la pollution et aux UV.\" }\n ]\n },\n {\n id:'chlor', label:'Chlorella', latin:'Chlorella vulgaris', family:'botanic',\n desc:\"Micro-algue d'eau douce parmi les plus riches en chlorophylle, contenant 60% de protéines complètes, vitamines B et C, fer et magnésium chélatés.\",\n targets: [\n { anchor:'epiderme', action:\"Détoxifie en profondeur\", benefit:\"La chlorophylle capte les métaux lourds et résidus chimiques accumulés sur l'épiderme.\" },\n { anchor:'tige_poil', action:\"Hydratation cellulaire\", benefit:\"Restaure le taux d'humidité optimal de la fibre (12-15%) pour une souplesse durable.\" }\n ]\n },\n {\n id:'mer', label:'Eau de Mer', latin:'Complexe minéral marin', family:'aqua',\n desc:\"Eau de mer pure micronisée, source naturelle de 92 oligo-éléments et minéraux biodisponibles dont magnésium, calcium, zinc, cuivre et sélénium.\",\n targets: [\n { anchor:'glande_seb', action:\"Régule la séborrhée\", benefit:\"Le zinc équilibre l'activité des glandes sébacées et limite l'excès de sébum sans dessécher.\" },\n { anchor:'cuticule', action:\"Reminéralise la fibre\", benefit:\"Les oligo-éléments comblent les déficits minéraux du poil et renforcent les ponts disulfures.\" }\n ]\n },\n {\n id:'aa', label:'Acides Aminés Naturels', latin:'Précurseurs de kératine', family:'bio',\n desc:\"Cocktail d'acides aminés essentiels (cystéine, méthionine, arginine, lysine) constituant 95% de la kératine du poil. Pénétration intra-cellulaire prouvée.\",\n targets: [\n { anchor:'tige_poil', action:\"Reconstruit la kératine\", benefit:\"Comble les zones de la fibre où les chaînes peptidiques sont rompues. Effet structurel durable.\" },\n { anchor:'cuticule', action:\"Resserre les écailles\", benefit:\"La cuticule lissée réfléchit la lumière uniformément : brillance maximale et toucher soyeux.\" }\n ]\n },\n {\n id:'vit', label:'Complexe Vitaminé', latin:'Matrice B-C-E-F', family:'bio',\n desc:\"Synergie de vitamines B5 (panthénol), B7 (biotine), C (ascorbate) et E (tocophérol) pour une nutrition complète du follicule jusqu'à la pointe.\",\n targets: [\n { anchor:'film_hydro', action:\"Préserve la barrière cutanée\", benefit:\"La vitamine E protège les lipides du film hydrolipidique de l'oxydation et du lessivage.\" },\n { anchor:'bulbe', action:\"Active la matrice germinative\", benefit:\"La biotine et la B5 stimulent les cellules souches du bulbe responsables de la croissance du poil.\" }\n ]\n },\n {\n id:'gly', label:'Glycérine \u0026 Urée', latin:'Humectants naturels', family:'cond',\n desc:\"Couple humectant captant l'humidité atmosphérique pour la fixer durablement dans la fibre capillaire et la couche cornée de la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Retient l'humidité\", benefit:\"L'urée à 2% maintient le taux d'eau de la fibre, la rendant souple, élastique et anti-casse.\" },\n { anchor:'derme', action:\"Restaure le NMF cutané\", benefit:\"Reconstitue le Facteur Naturel d'Hydratation, garant de l'élasticité et de la souplesse cutanée.\" }\n ]\n },\n {\n id:'cond', label:'Complexe Conditionneur', latin:'Smoothing complex', family:'cond',\n desc:\"Agents lissants cationiques de dernière génération qui se déposent sélectivement sur les zones endommagées de la fibre par attraction électrostatique.\",\n targets: [\n { anchor:'cuticule', action:\"Démêle instantanément\", benefit:\"Réduit le coefficient de friction inter-fibres de 65% pour un peigne sans résistance.\" },\n { anchor:'tige_poil', action:\"Effet anti-nœuds prolongé\", benefit:\"Le film protecteur persiste après rinçage et limite le retour rapide des feutrages.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n });\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n function start() { setTimeout(function() { focusIngredient(0); }, 200); }\n if (schemaImg.complete) start();\n else schemaImg.addEventListener('load', start);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEen portie shampoo\u003cbr\u003evoor 20 delen water\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e500 ml\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e25\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e25\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1.5\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdruk\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 500 mL \/ 1 L \/ 2 L\n var cycles = [\n { target: '500 mL', ml: '25', g: '25', spoon: '1,5', pump: '1' },\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eSnel en voordelig trimmen \u0026amp; effectief\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHet standaard bad – voor regelmatig gebruik in de salon.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEerste passage\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin het bad direct met de verdunde Aquarosa Pro, aangebracht op het vooraf bevochtigde haar. Spoel het vervolgens uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTweede shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruik een tweede shampoo en spoel opnieuw uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaatste verzorging\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSluit af met de juiste conditioner: \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e, \u003cstrong\u003eBombastisch\u003c\/strong\u003e Of \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eUltra-intense werking — Salon, Noodgeval of Expo\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eOm klitten te verwijderen, beschadigde vacht te herstellen of de vachtverzorging voor shows te verbeteren.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAanval met een \u003cstrong\u003emasker voor het baden\u003c\/strong\u003e gebaseerd op \u003cstrong\u003eBio-energie\u003c\/strong\u003e Of \u003cstrong\u003eBombastisch\u003c\/strong\u003e. Voeg daar nog wat aan toe \u003cstrong\u003e4 Elementen Oliën\u003c\/strong\u003e of van de\u003cstrong\u003eHydraterende crème\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAquarosa op masker\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003ePas de\u003cstrong\u003eBreng Aquarosa Pro direct na het masker aan, zonder tussendoor af te spoelen.\u003c\/strong\u003e. Voor een hogere efficiëntie, concentreer je het product meer en combineer je het met... \u003cstrong\u003eBombastisch\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAanbrengen en dubbel wassen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eLaat het een paar ogenblikken intrekken en masseer het indien mogelijk in. \u003cstrong\u003eTwee shampoos worden aanbevolen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfronding\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruik tot slot een conditioner of masker naar behoefte.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eIntegratiebevorderaars — Voeding \u0026amp; Volume\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eTwee variaties om het effect naar behoefte te versterken.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVoedingsboost\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoor een nog voedzamer effect, voeg direct toe \u003cstrong\u003eeen lepeltje Aqua Dolce\u003c\/strong\u003e Voeg dit toe aan je Aquarosa Pro-mengsel. Breng het aan, laat het even inwerken en spoel het grondig af met lauwwarm water.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVolumeversterking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMeng de Aquarosa Pro met het schuim. \u003cstrong\u003eAqua Vita\u003c\/strong\u003e. Het bruisende effect geeft volume en versterkt de reinigende werking. Ideaal voor vachten die na het wassen hun glans verliezen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePerfect drogen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eIn beide gevallen kunt u het drogen afronden door het haar te borstelen met \u003cstrong\u003eAqua Beauty\u003c\/strong\u003e Of \u003cstrong\u003eRoze Mix\u003c\/strong\u003e voor een nog zachtere en glanzendere vacht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Aquarosa in de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eHet volledige Special One-assortiment is compatibel. \u003cstrong\u003eVrij te combineren\u003c\/strong\u003e afhankelijk van de behoefte op dat moment:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio-energie\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eJe combineert het met een andere shampoo…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e4Poodle · Bain Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEr is nog een laatste masker nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEr is nog een laatste afwerking nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Roze · Stijl 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003ePerfect afgestemd op veeleisende texturen:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Alle honden in de woonkamer \u003cspan\u003e(beperkt de terugkeer van knooppunten)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🇬🇧 Cockers \u0026amp; Spaniels \u003cspan\u003e(Engelsen, Amerikanen, Cavaliers...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse mantels \u003cspan\u003e(Shih Tzu, Lhasa Apso...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Zijdeachtige texturen \u003cspan\u003e(Yorkshire terriers, Afghaanse windhonden...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Terriërs \u003cspan\u003e(Schots, Westie, Welsh...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eNiet-uitputtende lijst — Aquarosa Pro is geschikt voor alle vachttypen die intensieve voeding nodig hebben.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLS, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819444494515,"sku":"WAQ-AQRO250 (96)","price":19.9,"currency_code":"EUR","in_stock":true},{"title":"5 Liter","offer_id":37819444461747,"sku":"WAQ-AQRO5000 (98)","price":127.5,"currency_code":"EUR","in_stock":true},{"title":"10 Litres","offer_id":57582899233113,"sku":"WAQ-AQRO10000 (250)","price":218.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquarosa_b416a6e2-3b73-4c01-b49a-928e3e6e9050.png?v=1680188855"},{"product_id":"laque-brillance-final-fix-soft-ecologique","title":"FINAL FIX ZACHTE Ecologische Glanslak","description":"\u003cp\u003eLichte haarspray voor fixatie en textuur zonder het haar stijf te maken. Laat geen residu achter en is veilig voor het haar.\u003c\/p\u003e \u003cbr\u003e \u003cdiv\u003eFINAL FIX SOFT ECOLOGIC is een milieuvriendelijke, gasvrije haarspray die het haar glans, fixatie en textuur geeft, zonder het onaangename plakkerige gevoel van sommige andere haarsprays.\u003c\/div\u003e \u003cp\u003eZeer gewaardeerd door show- en wedstrijdhonden.\u003c\/p\u003e \u003cp\u003eVerwijderbaar met slechts een paar borstelstreken, laat geen resten achter. Haarspray van de nieuwste generatie, volledig veilig voor de vacht.\u003c\/p\u003e \u003cp\u003eDeze verzorgingslak helpt bij het conditioneren van fijne texturen en haar met weinig structuur, vooral bij honden van de volgende rassen die met de schaar zijn geknipt: Poedel, Bichon Frise, Kerry Blue Terrier en Bedlington Terrier. \u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e \u003cp\u003eSpuit het product vanaf een afstand van ongeveer 20-30 cm rechtstreeks op de schone en gekamde vacht en breng de vacht vervolgens in model met een kam.\u003cbr\u003eUitsluitend voor professioneel gebruik. Vermijd contact met de ogen van het dier.\u003cbr\u003eAls de dispenser verstopt raakt, reinig hem dan uitsluitend met heet water.\u003cbr\u003eBevat de nieuwste generatie niet-schadelijke harsen voor de haar van dieren.\u003cbr\u003e \u003cbr\u003e \u003cspan style=\"background-color: #ffffff;\"\u003e\u003c\/span\u003eMaakt de verzorging van grote, robuuste hondenrassen perfect af. Ideaal na gebruik van producten zoals Platynum Pro, Extra Body Cream en Multifix.\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"200 ml","offer_id":37819466350771,"sku":"WEX-FSOE200 (13)","price":27.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/laquebrillantFinalFixSoft.png?v=1675852089"},{"product_id":"laque-final-fix-strong-ecologique","title":"FINAL FIX STERKE Ecologische Lak","description":"\u003cp\u003eSterke haarspray om de vacht perfect in model te houden. Laat geen residu achter en is veilig voor het haar.\u003c\/p\u003e \u003cbr\u003e \u003cdiv\u003eFINAL FIX STRONG ECOLOGIC: Sterke en snelle fixatie, droogt snel, gemakkelijk te verwijderen met een borstel, laat geen resten achter. Ideaal voor alle soorten kapsels bij Shih Tzu's, Maltezers, Yorkshire Terriers, Poedels en bijvoorbeeld voor artistieke Aziatische kapsels.\u003cbr\u003e\u003cbr\u003e \u003c\/div\u003e \u003cp\u003eSpray het product op het uiteinde van de kam en breng de bovenkant in model door het haar vast te zetten voor een perfect eindresultaat.\u003c\/p\u003e \u003cdiv\u003eSpuit vervolgens rechtstreeks op de vacht vanaf een afstand van ongeveer 20-30 cm.\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003eUitsluitend voor professioneel gebruik. Vermijd contact met de ogen van het dier.\u003cbr\u003eAls de dispenser verstopt is, maak hem dan schoon met heet water.\u003cbr\u003eBevat natuurlijke harsen die de vacht van dieren niet beschadigen.\u003cbr\u003e\u003cbr\u003e \u003c\/div\u003e \u003cp\u003e\u003cbr\u003eMaakt de verzorging van grote, robuuste hondenrassen perfect af. Ideaal na gebruik van producten zoals Platynum Pro, Extra Body Cream en Multifix. \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"200 ml","offer_id":37819466383539,"sku":"WEX-FSTE200 (120)","price":30.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/laquefinalFixStrong.png?v=1675852213"},{"product_id":"laque-final-fix-strong-gaz","title":"FINAL FIX STERKE gaslak","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- INLEIDING --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eAerosollak\u003c\/strong\u003e Special One is een professionele lak. \u003cstrong\u003estevige bevestiging\u003c\/strong\u003e En microfijne diffusie voor een onzichtbaar resultaat. Maximaal volume, maximale fixatie – zonder het haar te verzwaren, zonder residu. Het essentiële product voor het stylen en in model brengen van de vacht tijdens wedstrijden.\u003c\/div\u003e \u003cdiv style=\"background: #fffbe6; border: 1px solid #f0e040; padding: 14px 18px; margin-bottom: 20px; font-size: 13px; border-radius: 2px;\"\u003e⚠️ \u003cstrong\u003eDit product is uitsluitend bedoeld voor professioneel gebruik.\u003c\/strong\u003e Vermijd contact met de ogen van het dier.\u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eHet referentieproduct voor professionele afwerking en wedstrijdsport.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px;\"\u003eDankzij de technologie \u003cstrong\u003emicrofijne diffusie\u003c\/strong\u003e en naar zijn \u003cstrong\u003eniet-schadelijke natuurlijke harsen\u003c\/strong\u003e, Special One Aerosol Haarspray hecht onzichtbaar aan de vacht, fixeert de structuur zonder het haar te verzwaren. Het droogt snel en is gemakkelijk uit te borstelen, zonder resten achter te laten.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eSterke fixatie:\u003c\/strong\u003e Het fixeert de vacht en behoudt het volume op lange termijn.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMicrofijne diffusie:\u003c\/strong\u003e Onzichtbaar resultaat, zonder plakkerig gevoel of zichtbare resten.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eSneldrogend:\u003c\/strong\u003e Directe grip voor soepel werken tijdens tentoonstellingen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEenvoudig te verwijderen:\u003c\/strong\u003e Het kan gemakkelijk met een borstel worden verwijderd, zonder dat verder wassen nodig is.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eNatuurlijke harsen:\u003c\/strong\u003e Formule die alle soorten vacht niet beschadigt.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- SAMENSTELLING --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSamenstelling: Nadruk op natuurlijke ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen professionele formule die maximale fixatie combineert met respect voor het haar.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Natuurlijke harsen\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatuurlijke fixeerstoffen, die de haarvezel niet beschadigen, bieden een sterke fixatie en een onzichtbare afwerking.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Microfijne technologie\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eUltrafijne diffusie voor een homogene en lichte afzetting — maximaal volume zonder zwaar effect of residu.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 1 🔥 Repareren \u0026amp; Volume — Klassieke toepassing\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eOp schone, gekamde vacht:\u003cbr\u003e\u003cbr\u003e1. Spuit de haarspray vanaf een afstand van ongeveer \u003cstrong\u003e20 tot 30 cm\u003c\/strong\u003e van de vacht.\u003cbr\u003e2. Werk \u003cstrong\u003esectie voor sectie\u003c\/strong\u003e voor een homogene afzetting.\u003cbr\u003e3. Breng het haar in model met behulp van kammen en borstels om het gewenste eindresultaat te bereiken.\u003cbr\u003e4. Laat het een paar ogenblikken drogen; het droogt snel op.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eVoorbeeld 2 🔥 Top-Knot modelleren (Poedel, robuuste rassen)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eGerichte toepassing op de pluk- en volumegebieden:\u003cbr\u003e\u003cbr\u003e1. Nadat je de knot hebt voorbereid (föhnen, volume toevoegen), spray je het haar in met \u003cstrong\u003e20-30 cm\u003c\/strong\u003e.\u003cbr\u003e2. Breng de structuur in model door het haar tijdens het stylen lichtjes vast te houden met je vingers of een fijne kam.\u003cbr\u003e3. Werk indien nodig bij met een kwast; de lak kan gemakkelijk worden verplaatst voordat deze volledig is opgedroogd.\u003cbr\u003e4. ⚠️ Als het mondstuk verstopt is: reinig de diffuser met\u003cstrong\u003ewarm water\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ HOE GEBRUIK JE HAARSPRAY MET EEN SPOEL OP DE JUISTE MANIER:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e1️⃣ Altijd op het haar aanbrengen \u003cstrong\u003eschoon, droog en gekamd\u003c\/strong\u003e.\u003cbr\u003e2️⃣ Houd de spray op \u003cstrong\u003e20-30 cm\u003c\/strong\u003e van de schil voor een homogene microfijne diffusie.\u003cbr\u003e3️⃣ Werk in zones en vorm. \u003cstrong\u003evoordat het volledig droog is\u003c\/strong\u003e aanpassen.\u003cbr\u003e4️⃣ Verwijder het aan het einde van de sessie met een kwast. \u003cstrong\u003eNawassen is niet nodig.\u003c\/strong\u003e.\u003cbr\u003e5️⃣ Als het mondstuk verstopt is: reinig met\u003cstrong\u003ewarm water\u003c\/strong\u003e.\u003cbr\u003e6️⃣ \u003cstrong\u003eUitsluitend voor professioneel gebruik.\u003c\/strong\u003e — Vermijd contact met de ogen van het dier.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Maakt de verzorging van grote hondenrassen perfect af. Ideaal als laatste stap na... \u003cstrong\u003ePlatynum Pro\u003c\/strong\u003e, \u003cstrong\u003eExtra Body Cream\u003c\/strong\u003e En \u003cstrong\u003eMultifix\u003c\/strong\u003e.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Poedels – poseren en houden hun kuif vast tijdens shows en trimwedstrijden.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichons, Maltezers — volume en onderhoud van de vachtstructuur, kuif\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Ruwharige terriërs (West Highland, Schotse, Welshe…) — het bijwerken van het getrimde silhouet en\/of het opzetten van de kop\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Shih-Tzu, Yorkshire terriër — met een opvallende kuif.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle rassen met voldoende volume die in de competitie worden gepresenteerd — onzichtbare professionele afwerking.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eNatuurlijke harsen | Professioneel gebruik | Recyclebaar HDPE02\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37819478212787,"sku":"WEX-FESTG500 (121)","price":25.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-43.png?v=1651841359"},{"product_id":"masque-toilettage-argile-verte","title":"DETOX THERAPIE pre-bad masker met groene klei","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eDetoxtherapie – Special One | Productinformatieblad\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eDETOX THERAPIE\u003c\/strong\u003e Is het Special One professionele pre-badmasker samengesteld met groene klei? \u003cem\u003ehet \u0026quot;land dat duizend kwalen geneest\u0026quot;\u003c\/em\u003e — om de belangrijkste huidaandoeningen bij honden en katten te bestrijden. \u003cstrong\u003eZuiverend, antiseptisch, regenererend\u003c\/strong\u003e : Een natuurlijk en effectief middel vanaf de eerste behandeling. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIedereen zal het zeer interessant vinden – als behandeling voor dieren met huidafwijkingen en als preventieve maatregel voor rassen die daar aanleg voor hebben.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGeformuleerd met\u003cstrong\u003egroene klei met gecontroleerde bacteriebelasting\u003c\/strong\u003e, Rijk aan sporenelementen en mineralen, heeft Detox Therapy buitengewone zuiverende, verstevigende en anti-verouderende eigenschappen. Het behandelt huidafwijkingen. \u003cstrong\u003ewaarbij de hydrolipidefilm behouden blijft\u003c\/strong\u003e — zonder de huid te irriteren, zelfs niet bij de meest gevoelige dieren.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGezonde huid:\u003c\/strong\u003e Behandelt huidproblemen en behoudt tegelijkertijd de hydrolipidefilm, zonder irritatie te veroorzaken.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGeurwerend:\u003c\/strong\u003e Het bestrijden van onaangename geuren die verband houden met huidaandoeningen en een slechte talgproductie.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVeelzijdig :\u003c\/strong\u003e Helpt bij de bestrijding van alle vormen van haaruitval, jeuk, irritatie en hotspots.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGrondige sanitaire reiniging:\u003c\/strong\u003e Zuivert en regenereert cellen vanaf de eerste behandeling.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHet evenwicht herstellen:\u003c\/strong\u003e Reguleert de overmatige talgproductie en brengt zowel een vette als een gedehydrateerde huid weer in balans.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eZuurstofvoorziening van het weefsel:\u003c\/strong\u003e Verstevigt en stimuleert de microcirculatie in de huid, waardoor de zuurstofvoorziening en vitaliteit van de huid verbeteren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntiroosmiddel:\u003c\/strong\u003e Reguleert de hoofdhuid en vermindert schilfers.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGeruststelling:\u003c\/strong\u003e Verzacht geïrriteerde of reactieve huid – ideaal na het harsen of krachtig borstelen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eOntgiften \u0026amp; verfrissend:\u003c\/strong\u003e Reinigt grondig en geeft direct een fris gevoel.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniverseel:\u003c\/strong\u003e Geschikt voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 3: ACTIVA --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen 100% natuurlijke formule, gericht op het reinigen, beschermen en regenereren van de huid — zonder parabenen en siliconen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e\u0026amp; Groene klei (volleraarde)\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eMet gecontroleerde bacteriebelasting: absorberend, antiseptisch en antibacterieel. Vangt talg en onzuiverheden op, reinigt en regenereert de huid tot diep in de kern.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Allantoïne\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVerzachtend en regenererend — beschermt de huid tegen roodheid en irritatie, bevordert de genezing van gevoelige zones.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Extract van Fucus Vesiculosus zeewier\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRijk aan zeemineralen — verbetert de elasticiteit van de huid, geeft kracht en een natuurlijke glans aan de vacht.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Gehydrolyseerd collageen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eHydrateert en versterkt de huidstructuur — verbetert de elasticiteit en de algehele gezondheid van de huid.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Potassium\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eReguleert de hydratatie van de cellen en behoudt de elasticiteit van de huid voor een soepele en veerkrachtige vacht.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Calcium\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVersterkt de natuurlijke afweer van de huid en helpt deze beter te beschermen tegen externe agressies en irritaties.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Zuiveringscomplex\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eEen complex van balancerende actieve ingrediënten dat de huid langdurig schoon en fris houdt — bestrijdt nare geurtjes en onzuiverheden.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 10px; padding: 12px 15px; background: #fff; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 \u003cstrong\u003eAltijd aanbrengen op droge, nog vuile vacht.\u003c\/strong\u003e Niet uitspoelen vóór het wassen met shampoo — de eerste shampoo wordt direct over het masker aangebracht terwijl het nog op zit. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 1 🔥 Standaardtoepassing — sanitaire voorzieningen \u0026amp; zuivering\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e 1. Verdun de detoxtherapie met water (\u003cstrong\u003e1\/10 tot 1\/20\u003c\/strong\u003e (afhankelijk van de gewenste intensiteit) of aanbrengen \u003cstrong\u003epuur op gebieden die een plaatselijke en intensieve behandeling vereisen.\u003c\/strong\u003e.\u003cbr\u003e 2. Aanbrengen op droog, vuil haar. Zachtjes inmasseren zodat het masker goed kan intrekken.\u003cbr\u003e 3. Laat het staan \u003cstrong\u003e5 tot 10 minuten\u003c\/strong\u003e.\u003cbr\u003e 4. Breng de shampoo direct aan zonder uit te spoelen. \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e met het masker op zijn plaats.\u003cbr\u003e 5. Eindig met een conditioner: \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e en\/of \u003cstrong\u003eBombastisch\u003c\/strong\u003e. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Curatieve behandeling — haaruitval, jeuk, hotspots, irritaties\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Met betrekking tot dieren waarbij huidafwijkingen zijn geconstateerd:\u003cbr\u003e 1. Breng het masker aan \u003cstrong\u003epuur op de aangetaste plekken aanbrengen\u003c\/strong\u003e (hot spots, jeukende plekken, kale plekken).\u003cbr\u003e 2. Verdunnen tot \u003cstrong\u003e1\/10\u003c\/strong\u003e Voor toepassing op de rest van het lichaam.\u003cbr\u003e 3. Masseer zachtjes en laat het zijn werk doen. \u003cstrong\u003e10 minuten\u003c\/strong\u003e Minimum voor maximale therapeutische werking.\u003cbr\u003e 4. Ga direct naar de\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e zonder vooraf te spoelen.\u003cbr\u003e Dit protocol kan bij elk bad herhaald worden totdat er een zichtbare verbetering van de huidconditie optreedt. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Nabehandeling na ontharing \u0026amp; gezonde hergroei\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Detoxtherapie wordt in het bijzonder aanbevolen. \u003cstrong\u003edirect na het ontharen\u003c\/strong\u003e :\u003cbr\u003e 1. Breng het masker puur of licht verdund aan op de nog droge, met was behandelde huid.\u003cbr\u003e 2. Masseer zachtjes in — groene klei kalmeert direct de gevoelige huid na het ontharen.\u003cbr\u003e 3. Laat het 5 tot 10 minuten inwerken en ga dan verder met de\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e zonder naspoelen.\u003cbr\u003e De zuiverende en regenererende werking van klei bereidt de haarzakjes voor op \u003cstrong\u003egezonde en kwalitatief hoogwaardige hergroei\u003c\/strong\u003e. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eHet complete Special One-assortiment is compatibel met detoxtherapie. Onze favoriete combinaties:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e in shampoo (een combinatie wordt altijd aanbevolen) 🤝 \u003cstrong\u003eHydraterende crème, Bombastic, Aqua Dolce\u003c\/strong\u003e in het laatste masker \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle katten en honden met de bovengenoemde huidafwijkingen — therapeutisch gebruik.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle rassen die gewaxt worden — direct nabehandeling na het waxen voor een mooie hergroei.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee; font-weight: 600; font-size: 12px; color: #555; text-transform: uppercase; letter-spacing: 0.05em;\"\u003eRassen waarvoor preventief gebruik wordt aanbevolen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Franse bulldog \u0026amp; Mopshonden hebben een huid met plooien, seborroe en frequente irritaties.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Chinese naakthond — blote huid is bijzonder gevoelig voor agressie.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Golden Retriever — gevoelig voor irritaties en overmatige talgproductie.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Shar-Pei — huid met diepe plooien, vatbaar voor infecties en huidproblemen.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen, DEA en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"5 Litres","offer_id":37819484995763,"sku":"WAQ-GRCL5000 (127)","price":152.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":57210676511065,"sku":"(80)","price":52.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_9.png?v=1771968021"},{"product_id":"aquaterme-argile-verte","title":"AQUA TERME PRO, verzorgende shampoo met klei","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUA TERME PRO\u003c\/strong\u003e Is de Special One professionele shampoo samengesteld met\u003cstrong\u003egroene klei en munt\u003c\/strong\u003e, Speciaal ontwikkeld voor de huid die behandeling nodig heeft. \u003cstrong\u003eZuivert en reinigt grondig\u003c\/strong\u003e met respect voor de hydrolipidefilm — zonder concessies te doen aan het resultaat: een schitterende look en een perfect geföhnd haar. \u003c\/div\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e Het is ook \u003cstrong\u003eDe ideale shampoo voor honden met geurproblemen.\u003c\/strong\u003e : Dankzij Aqua Terme ruikt iedereen na het verzorgen heerlijk fris. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn of haar gading in vinden — door \u003cstrong\u003egenezend\u003c\/strong\u003e bij dieren met huidafwijkingen, en bij \u003cstrong\u003epreventief\u003c\/strong\u003e bij rassen die daarvoor vatbaar zijn.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDankzij de inhoud ervan \u003cstrong\u003egroene klei en muntextract\u003c\/strong\u003e, Aqua Terme Pro reinigt de vacht grondig, kalmeert een droge of geïrriteerde huid en herstelt de glans en frisheid van een doffe vacht. De verzorgende formule heeft geen invloed op de kwaliteit van de vachtverzorging. \u003cstrong\u003eTherapeutische werking en onberispelijke visuele resultaten gaan hand in hand.\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGezonde huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehandelt huidproblemen en behoudt tegelijkertijd de hydrolipidefilm, zonder irritatie te veroorzaken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 8h9a2 2 0 1 0-2-2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12h13a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16h7a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGeurwerend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBestrijdt onaangename geuren die verband houden met huidaandoeningen en talg.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l9 5-9 5-9-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 13l9 5 9-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVeelzijdig\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHelpt bij de bestrijding van haaruitval, jeuk, irritaties en hotspots.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSanitaire voorzieningen \u0026amp; zuivering\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en regenereert cellen diepgaand vanaf het eerste gebruik.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAntiroosmiddel\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReguleert de hoofdhuid en vermindert schilfers aanzienlijk.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGeruststelling\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerzacht geïrriteerde of reactieve huid – ideaal na het harsen of krachtig borstelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSnoep \u0026amp; versheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft glans en frisheid aan doffe, levenloze vachten.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M6 15l6-6 6 6\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 9l6-6 6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHet dragen van fijne bontjassen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft meer volume aan zeer fijn haar dat weinig volume heeft (bijvoorbeeld bij grijze en rode poedels).\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 8;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eOntgiften \u0026amp; verfrissend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerwijdert gifstoffen en onzuiverheden van de huid en geeft direct een fris gevoel.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 9;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1.2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSpitz X alopecia\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eAanbevolen voor wekelijks gebruik in het vervolg- en hergroeiprotocol.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 10;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"9\" cy=\"13\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"16\" cy=\"9\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17.5\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUitzonderlijk schuim\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMousse werkt uitstekend in salons: makkelijk aan te brengen en zorgt voor een goede verdeling van de actieve ingrediënten.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 11;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"9\" r=\"5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9 13.5L7.5 21 12 18.5 16.5 21 15 13.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eProfessioneel resultaat\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEen compromisloze behandeling — een fantastische look en een perfect geföhnd resultaat.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van Aqua Terme Pro.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Soin peau\", value: 5 }, { label: \"Volume\", value: 4 }, { label: \"Moussant\", value: 4 }, { label: \"Texture\", value: 3 }, { label: \"Hydratation\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (MAPPING JS active Aqua Terme Pro - betrouwbaar) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Aqua Terme Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen volledig natuurlijk mineraal- en plantencomplex — \u003cstrong\u003egroene klei, munt en zuiverende planten\u003c\/strong\u003e, Vrij van SLS, parabenen en siliconen. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt op de huid en het haar inwerkt.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aqua Terme Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'argile', label:'Argile Verte', latin:'Fuller’s Earth', family:'aqua',\n desc:\"Argile minérale antibactérienne et absorbante : elle purifie la peau en profondeur, capte le sébum en excès et régénère les cellules cutanées.\",\n targets: [\n { anchor:'glande_seb', action:\"Capture du sébum\", benefit:\"Absorbe l'excès de sébum et assainit les glandes sébacées.\" },\n { anchor:'epiderme', action:\"Purification profonde\", benefit:\"Capte impuretés et toxines, puis régénère les cellules de surface.\" }\n ]\n },\n {\n id:'mineral', label:'Complexe Minéral', latin:'Fer · Calcium · Silicium · Magnésium · Potassium', family:'aqua',\n desc:\"Oligo-éléments essentiels qui reminéralisent la peau, renforcent le manteau et lui restituent force et brillance naturelle.\",\n targets: [\n { anchor:'derme', action:\"Reminéralisation\", benefit:\"Apporte les oligo-éléments qui renforcent la structure cutanée en profondeur.\" },\n { anchor:'tige_poil', action:\"Force \u0026 brillance\", benefit:\"Restitue résistance et brillance naturelle au manteau.\" }\n ]\n },\n {\n id:'menthe', label:'Menthol \u0026 Huile de Tea Tree', latin:'Mentha \u0026 Melaleuca', family:'botanic',\n desc:\"Duo rafraîchissant, lénitif et purifiant : effet immédiat de bien-être qui apaise les irritations cutanées.\",\n targets: [\n { anchor:'epiderme', action:\"Fraîcheur \u0026 lénifiant\", benefit:\"Sensation de fraîcheur immédiate qui apaise les irritations.\" },\n { anchor:'film_hydro', action:\"Purifiant doux\", benefit:\"Assainit la surface tout en respectant le film protecteur.\" }\n ]\n },\n {\n id:'romarin', label:'Romarin', latin:'Rosmarinus officinalis', family:'botanic',\n desc:\"Tonique végétal qui fortifie le poil et améliore la microcirculation cutanée : il favorise un manteau plus résistant et lumineux.\",\n targets: [\n { anchor:'follicule', action:\"Stimulation de la pousse\", benefit:\"Active la microcirculation autour du follicule et favorise une repousse vigoureuse.\" },\n { anchor:'tige_poil', action:\"Fortifie le poil\", benefit:\"Renforce la fibre pour un manteau résistant et lumineux.\" }\n ]\n },\n {\n id:'ortie', label:\"Extrait d'Ortie\", latin:'Urtica dioica', family:'bio',\n desc:\"Plante séborégulatrice et anti-pelliculaire : elle régule la production de sébum et stimule la régénération cutanée.\",\n targets: [\n { anchor:'glande_seb', action:\"Séborégulation\", benefit:\"Régule la production de sébum à la source.\" },\n { anchor:'epiderme', action:\"Anti-pelliculaire\", benefit:\"Stimule la régénération cutanée et réduit les squames.\" }\n ]\n },\n {\n id:'biotine', label:'Biotine \u0026 Niacinamide', latin:'Vitamines B7 \u0026 B3', family:'bio',\n desc:\"Duo réparateur essentiel : renforce la structure du poil, stimule la croissance et réduit les pellicules.\",\n targets: [\n { anchor:'bulbe', action:\"Croissance du poil\", benefit:\"Nourrissent le bulbe et stimulent la pousse d'un poil plus fort.\" },\n { anchor:'tige_poil', action:\"Renfort structural\", benefit:\"Renforcent la structure de la fibre de l'intérieur.\" }\n ]\n },\n {\n id:'citron', label:'Citron \u0026 Piroctone Olamine', latin:'Citrus limon \u0026 actif assainissant', family:'cond',\n desc:\"Action déodorante, antibactérienne et protectrice : neutralise les mauvaises odeurs et protège la peau des agents externes.\",\n targets: [\n { anchor:'glande_sud', action:\"Action déodorante\", benefit:\"Neutralise les mauvaises odeurs liées aux déséquilibres cutanés.\" },\n { anchor:'epiderme', action:\"Protection antibactérienne\", benefit:\"Protège la peau des agents externes et limite la prolifération bactérienne.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEén deel op elke 20 delen water\u003cbr\u003e— of puur\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eSnel trimmen \u0026amp; huid kalmerend\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor een effectief en rustgevend dagelijks bad.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEerste shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin direct met het baden.\u003cstrong\u003eAqua Terme Pro verdund\u003c\/strong\u003e Op natte vacht aanbrengen. Afspoelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTweede shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEen aanvraag indienen \u003cstrong\u003etweede shampoo\u003c\/strong\u003e, Spoel vervolgens nogmaals af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSluit af met de juiste conditioner: \u003cstrong\u003eHydraterende crème, Bombastic of Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eBad \u0026amp; Dieptebehandeling — huid die intensieve actie vereist\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor een huid met duidelijke huidafwijkingen.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetoxmasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng het masker aan vóór het baden. \u003cstrong\u003eDetoxtherapie gedurende 10 minuten\u003c\/strong\u003e Op droog haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBehandeling zonder naspoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGa direct door naar de\u003cstrong\u003eAqua Terme Pro No-Rinse\u003c\/strong\u003e tussen de twee fasen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDubbele shampoo \u0026amp; neergelegd\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel het haar uit en was het daarna opnieuw met shampoo. \u003cstrong\u003eLaat het 5 minuten inwerken.\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHerstellende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème + 4 essentiële oliën\u003c\/strong\u003e, Spoel vervolgens de conditioner uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Aqua Terme Pro in de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met Aqua Terme Pro. Onze favoriete combinaties:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen masker dragen vóór het zwemmen is een absolute must…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetoxtherapie\u003c\/strong\u003e (altijd aanbevolen)\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste behandeling is noodzakelijk…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce Bombastic Hydraterende Crème\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe huid reageert erg snel…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème + 4 essentiële oliën\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Aqua Terme Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦊 Spitz · Alopecia X \u003cspan\u003e(wekelijks bad: outfit, groei) \u0026amp; dikte)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Grijze en rode poedels \u0026amp; wilde dieren \u003cspan\u003e(fijn haar: vasthouden) \u0026amp; (hergroei)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Katten \u0026amp; honden met huidafwijkingen \u003cspan\u003e(geneeskundig gebruik)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Races die gewaxt zijn \u003cspan\u003e(haargroei na epileren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Franse bulldog \u0026amp; Mopshonden \u003cspan\u003e(plooien, seborroe, irritaties)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Chinese naakthond \u003cspan\u003e(blootgestelde huid)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦮 Gouden Retriever \u003cspan\u003e(irritaties) \u0026amp; overtollig talg)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Shar Pei \u003cspan\u003e(diepe rimpels, huidonevenwichtigheden)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eNiet-uitputtende lijst — voor zowel curatief als preventief gebruik op een gevoelige en aanleggevoelige huid.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLS, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":57191767540057,"sku":"(77)","price":51.5,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819485028531,"sku":"WAQ-AQTE5000 (153)","price":144.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_7.png?v=1771967768"},{"product_id":"aquadolce-apres-shampoing-chien","title":"AQUA DOLCE","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUA DOLCE\u003c\/strong\u003e is een \u003cstrong\u003eUitzonderlijk revitaliserend en verzachtend conditionerend masker\u003c\/strong\u003e. Deze formule is ontwikkeld om alle vachttypen te verbeteren en biedt een intense werking voor... \u003cstrong\u003eom de vitaliteit en stevigheid van beschadigd bont te herstellen\u003c\/strong\u003e. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen vindt er wel iets interessants in! Het is de \u003cstrong\u003eDe ultieme alles-in-één behandeling\u003c\/strong\u003e voor de \u003cem\u003emanti crespi\u003c\/em\u003e (krullend) en vermoeid door het borstelen of het klimaat.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDankzij het beheer van de \u003cstrong\u003ehaardoorlaatbaarheid\u003c\/strong\u003e, Aqua Dolce maakt de \u003cstrong\u003epluizig\u003c\/strong\u003e en vezelvermoeidheid \u003cstrong\u003ezonder ooit te smeren\u003c\/strong\u003e. Het herstelt de haarstructuur na de zomer of intensief borstelen.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 12h18M12 3v18M5 8l14 0M5 16l14 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBekleding \u0026amp; Outfit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerhoogt de glans en zorgt voor een \u003cstrong\u003everbeterde verzorgingsresultaten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 12c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-frizz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eVerwijdert direct pluizig haar\u003c\/strong\u003e en temt het haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 4h16v6M4 4v3M8 4v3M12 4v3M16 4v3M20 4v3M4 10h16l-2 10H6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eOntwarren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMaakt het kammen makkelijker en \u003cstrong\u003evoorkomt dat de knooppunten terugkeren\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eReparatie\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHerstelt de vitaliteit en \u003cstrong\u003eBehandelt gespleten haarpunten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eSchild\u003c\/strong\u003e bescherming tegen chemische en milieubelastende stoffen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDe acties van Aqua Dolce beter begrijpen.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Démêlant\", value: 4 }, { label: \"Hydratation\", value: 5 }, { label: \"Brillance\", value: 3 }, { label: \"Volume\", value: 1 }, { label: \"Soin peau\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Aqua Dolce active JS MAPPING - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Aqua Dolce: 4 paren synergetische actieve ingrediënten\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003eFormule verrijkt met hoogwaardige eiwitten en verzachtende botanische extracten.\u003c\/strong\u003e — vier paren van activa met complementaire eigenschappen.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’Aqua Dolce\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'soie', label:'Soie \u0026amp; Lait', latin:'Protéines nobles', family:'aqua',\n desc:\"Duo de protéines structurantes : la \u003cstrong\u003esoie\u003c\/strong\u003e lisse et apporte une brillance immédiate ; le \u003cstrong\u003elait\u003c\/strong\u003e nourrit et offre une action \u003cstrong\u003eanti-fatigue instantanée\u003c\/strong\u003e.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition profonde\", benefit:\"Nourrit la fibre et restaure la vitalité des longueurs fatiguées.\" },\n { anchor:'cuticule', action:\"Lissage anti-fatigue\", benefit:\"Lisse la cuticule — le poil retrouve sa cohésion immédiatement.\" }\n ]\n },\n {\n id:'canneberge', label:'Canneberge \u0026amp; Aloe Vera', latin:'Antioxydants \u0026amp; hydratant', family:'botanic',\n desc:\"Duo régénérant : la \u003cstrong\u003ecanneberge\u003c\/strong\u003e antioxydante purifie ; l’\u003cstrong\u003ealoe vera\u003c\/strong\u003e hydrate et apporte une hydratation régénérante.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation régénérante\", benefit:\"Restaure l’hydratation profonde du film hydrolipidique.\" },\n { anchor:'epiderme', action:\"Purification antioxydante\", benefit:\"Purifie le terrain cutané et le protège du stress oxydatif.\" }\n ]\n },\n {\n id:'ginseng', label:'Ginseng \u0026amp; Bouleau', latin:'Plantes toniques', family:'bio',\n desc:\"Duo dynamisant : le \u003cstrong\u003eginseng\u003c\/strong\u003e tonifie le pelage ; le \u003cstrong\u003ebouleau\u003c\/strong\u003e stimule la croissance et soutient un poil fort et vital.\",\n targets: [\n { anchor:'derme', action:\"Tonification cutanée\", benefit:\"Tonifie le derme et soutient une croissance forte du poil.\" },\n { anchor:'epiderme', action:\"Stimulation racinaire\", benefit:\"Active la microcirculation et apporte vigueur au pelage.\" }\n ]\n },\n {\n id:'camomille', label:'Camomille \u0026amp; Genévrier', latin:'Apaisants \u0026amp; détoxifiants', family:'cond',\n desc:\"Duo apaisant : la \u003cstrong\u003ecamomille\u003c\/strong\u003e apaise et adoucit ; le \u003cstrong\u003egenévrier\u003c\/strong\u003e détoxifie et apporte une fraîcheur immédiate.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement cutané\", benefit:\"Apaise les zones réactives et apporte un confort durable.\" },\n { anchor:'glande_sud', action:\"Détoxification\", benefit:\"Soutient le drainage cutané et apporte une fraîcheur ressentie.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- INVOEGEN BIJ VERTELLEN: handtekening van haardoorlaatbaarheid --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e💧 Het Aqua Dolce-kenmerk\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eHet beheersen van de doorlaatbaarheid van het haar\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eEen gezonde vacht heeft een \u003cstrong\u003eevenwichtige doorlaatbaarheid\u003c\/strong\u003e : De vacht is niet te gesloten (broos, dof) en niet te open (droog, pluizig, vermoeid). Wanneer de zomer, droog weer of intensief borstelen dit evenwicht verstoort, raakt de vacht beschadigd. \u003cem\u003edrankjes\u003c\/em\u003e Te veel ervan en het verliest zijn samenhang. Aqua Dolce \u003cstrong\u003eherstelt deze optimale doorlaatbaarheid\u003c\/strong\u003e dankzij zijn Silk-duo \u0026amp; Melk — het haar krijgt zijn elasticiteit terug, de pluizigheid verdwijnt. \u003cstrong\u003ezonder ooit te smeren\u003c\/strong\u003e.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 theelepel tot 1 eetlepel\u003cbr\u003eper liter — of puur\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cdiv\u003e \u003cspan class=\"aqr-proto-title\"\u003eSnel stylen of volume creëren\u003c\/span\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eTwee modi, afhankelijk van het gewenste resultaat.\u003c\/p\u003e \u003c\/div\u003e \u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eKlassieke behandeling — versterking van de romp\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdund \u003cstrong\u003e1 c.eetlepel\/liter lauw water\u003c\/strong\u003e. Aanbrengen op de haarlengtes, inmasseren en doorkammen. \u003cstrong\u003eNiet afspoelen\u003c\/strong\u003e voor maximale bescherming (kan tot aan het pure product worden gebruikt).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eOmhulde volume\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdund \u003cstrong\u003e1 theelepel\u003c\/strong\u003e Voeg de benodigde hoeveelheid water toe. Laat het even staan. \u003cstrong\u003e2 minuten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpoel volgens de aangegeven methode.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eModus A: Niet spoelen. Modus B: \u003cstrong\u003espoel grondig af\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cdiv\u003e \u003cspan class=\"aqr-proto-title\"\u003eLoodgieterswerk of reparatiewerkzaamheden\u003c\/span\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor beschadigde plekken en gespleten haarpunten\u003c\/p\u003e \u003c\/div\u003e \u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBeschadigde gebieden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng het product aan. \u003cstrong\u003epuur direct op het gebied\u003c\/strong\u003e. Laat het staan \u003cstrong\u003e5 minuten\u003c\/strong\u003e Spoel vervolgens snel af.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGespleten uiteinden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAanbrengen op handdoekdroog haar. \u003cstrong\u003eEen kleine hoeveelheid puur product alleen op de uiteinden aanbrengen vóór het drogen.\u003c\/strong\u003e. \u003cstrong\u003eAfspoelen is niet nodig.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cdiv\u003e \u003cspan class=\"aqr-proto-title\"\u003eMultifunctioneel — Borstelen \u0026amp; Papillotes\u003c\/span\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eDe veelzijdigheid van Aqua Dolce\u003c\/p\u003e \u003c\/div\u003e \u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBorstelspray\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruik Aqua Dolce \u003cstrong\u003everdund in een kwastspray\u003c\/strong\u003e om de vacht tussen de wasbeurten door te onderhouden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePapillotes\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruik het \u003cstrong\u003epuur in folieverpakkingen\u003c\/strong\u003e om de groeiende vacht te beschermen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 18px; padding: 14px 18px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e 💡 \u003cstrong\u003ePRO TIP:\u003c\/strong\u003e voor een resultaat \u003cstrong\u003eUltieme \u0026quot;show\u0026quot;\u003c\/strong\u003e, Meng Aqua Dolce met \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e Of \u003cstrong\u003eBombastisch\u003c\/strong\u003e. \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Villanelle in het hart + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e🤝 \u003cstrong\u003eFavoriete allianties\u003c\/strong\u003e : \u003cstrong\u003eBain Pro\/Aquarosa Pro\u003c\/strong\u003e (shampoos), \u003cstrong\u003eBio-energie\u003c\/strong\u003e (vóór het bad), \u003cstrong\u003eMix van roze en aquakleurige schoonheid\u003c\/strong\u003e (afronding).\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eMaximale gewenste kernkracht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 eetlepel\/liter — niet naspoelen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003egewenste omvang en vorm…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 c.koffie\/L — volledig spoelen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003ePlaatselijke schadegebieden…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003ePuur product, 5 minuten laten inwerken en snel afspoelen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eHet ultieme \u0026quot;show\u0026quot;-resultaat...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMeng met Hydraterende Crème of Bombastic\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDagelijks onderhoud tussen de badbeurten door…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003everdunde borstelspray\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eHaarwikkels voor groeiende vachten…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003ePure Aqua Dolce in folieverpakkingen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Aqua Dolce het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten \u003cspan\u003e(ontvettende en gladmakende werking)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Yorkshire, Shih Tzu, Afghaanse windhonden)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Dubbele laag \u0026amp; Primitieven \u003cspan\u003e(Spitz, Herdershonden, Samojeden, Collies)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Terriërs \u003cspan\u003e(Schots, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDe ultieme alles-in-één verzorging — van schootkat tot showkampioen.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"150 mL","offer_id":37819485061299,"sku":"WAQ-AQDO150 (52)","price":32.9,"currency_code":"EUR","in_stock":true},{"title":"500 mL","offer_id":37819485094067,"sku":"WAQ-AQDO500 (50)","price":61.9,"currency_code":"EUR","in_stock":true},{"title":"3 Litres","offer_id":37819485126835,"sku":"WAQ-AQDO3000 (53)","price":236.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquadolce_277ac638-ccea-49be-b87b-7ea4375c936b.png?v=1680188686"},{"product_id":"huiles-essentielles-chien-special-one","title":"Kalmerende mix - MARI PINTAU - Essentiële oliën van Sardinië","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eKALMERENDE MIX — MARI PINTAU\u003c\/strong\u003e is de\u003cstrong\u003ewasolie\u003c\/strong\u003e Special One, geïnspireerd door de kust van Sardinië, is opgedragen aan bont dat verzorging nodig heeft. \u003cstrong\u003een gekalmeerd\u003c\/strong\u003e. Dankzij de mix van essentiële oliën werkt het als een \u003cstrong\u003ekalmerend middel\u003c\/strong\u003e Het heeft een positief effect op de huid en de gemoedstoestand van rusteloze of nerveuze honden en katten, en verlicht roodheid.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn of haar gading in vinden — vooral waardevol voor de \u003cstrong\u003eRusteloze, nerveuze dieren of dieren met een gevoelige, roodachtige huid.\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDeze reinigingsolie geeft de vacht de zachtheid van gepolijste kiezels die in de diepblauwe zee van Sardinië duiken. \u003cstrong\u003eessentiële oliemix\u003c\/strong\u003e Het verspreidt een kalmerende werking op de huid, vacht en gemoedstoestand van het dier; het warme water laat de geur vrijkomen en activeert de gunstige effecten, net als bij een eeuwenoud schoonheidsritueel.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e dit product als de huid \u003cstrong\u003ereageren\u003c\/strong\u003e of presenteert \u003cstrong\u003eletsels of wonden\u003c\/strong\u003e Essentiële oliën kunnen prikken of de irritatie verergeren.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRustgevend bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEen uiterst mild bad voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eZuiverende reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en zuivert de huid grondig zonder irritatie.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAntiroosmiddel\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReguleert de afschilfering en vermindert roos op een vermoeide huid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003egecombineerde huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet helpt zowel de droge als de vette huid door het evenwicht te herstellen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSnoep \u0026amp; versheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft doffe vachten weer zachtheid en frisheid – de vacht wordt weer soepel.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRode huid \u0026amp; delicaat\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIdeaal voor het verzachten van een rode en gevoelige huid, met uitzondering van open wonden of wondjes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van de Calming Mix.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Hydratation\", value: 5 }, { label: \"Démêlant\", value: 3 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (MAPPING JS active Calming Mix - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van de kalmerende mix: essentiële oliën \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003egeconcentreerde mix van essentiële oliën\u003c\/strong\u003e Met kalmerende, antiseptische en geurige eigenschappen — vrij van parabenen en siliconen. Hieronder wordt per productgebied uitgelegd hoe elk actief ingrediënt op de huid en het haar werkt.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Calmant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'genevrier', label:'Genévrier', latin:'Juniperus communis', family:'botanic',\n desc:\"Huile essentielle aux propriétés antiseptiques et curatives : elle assainit la peau en surface et soutient sa cicatrisation naturelle.\",\n targets: [\n { anchor:'epiderme', action:\"Action antiseptique\", benefit:\"Assainit la peau en surface et soutient sa résistance naturelle.\" },\n { anchor:'glande_seb', action:\"Soin curatif\", benefit:\"Aide à rééquilibrer le film cutané et favorise la régénération.\" }\n ]\n },\n {\n id:'camomille', label:'Camomille Romaine', latin:'Chamaemelum nobile', family:'botanic',\n desc:\"Huile essentielle anti-douleur et profondément calmante : elle apaise les peaux sensibles et les sujets nerveux ou agités.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement\", benefit:\"Apaise les peaux sensibles et réduit les irritations cutanées.\" },\n { anchor:'derme', action:\"Effet calmant profond\", benefit:\"Détend l’animal en profondeur — effet calmant sur l’humeur.\" }\n ]\n },\n {\n id:'lavande', label:'Lavande', latin:'Lavandula angustifolia', family:'botanic',\n desc:\"Huile essentielle analgésique et antispasmodique : elle relaxe la peau et participe au bien-être global de l’animal.\",\n targets: [\n { anchor:'epiderme', action:\"Analgésique\", benefit:\"Soulage les sensations désagréables et détend la peau.\" },\n { anchor:'glande_sud', action:\"Effet antispasmodique\", benefit:\"Relâche les tensions cutanées et favorise la détente générale.\" }\n ]\n },\n {\n id:'pin_orange', label:'Pin Sylvestre \u0026amp; Orange Douce', latin:'Pinus sylvestris \u0026amp; Citrus sinensis', family:'cond',\n desc:\"Duo aromatique purifiant et parfumant : il assainit la peau en douceur et confère au manteau un parfum frais et enveloppant.\",\n targets: [\n { anchor:'tige_poil', action:\"Parfum durable\", benefit:\"Diffuse un parfum frais et apaisant qui imprègne la fibre.\" },\n { anchor:'cuticule', action:\"Purification \u0026 toucher\", benefit:\"Purifie la surface du poil et améliore le toucher du manteau.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- Let op: Dit is geen op zichzelf staande shampoo, maar een aanvulling op een shampoo\/maskerbehandeling. --\u003e\u003c!-- Herinnering ❌ gevoelige huid --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e als de huid reactief is of actieve laesies of wonden vertoont.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eEen verzachtende reinigingsbehandeling als aanvulling op het bad.\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHoe je de Calming Mix kunt integreren in een Special One badritueel\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetoxmasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin met een masker vóór het baden. \u003cstrong\u003eDetoxtherapie\u003c\/strong\u003e om de huid en het haar voor te bereiden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTe gebruiken als aanvullende wasgel.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoeg de kalmerende mix toe. \u003cstrong\u003eNaast shampoo of een masker voor het wassen\u003c\/strong\u003e. Warm water laat de geur vrijkomen en activeert de gunstige werking van etherische oliën.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; neergelegd\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMasseer zachtjes om de etherische oliën te verspreiden. Laat het een paar minuten intrekken – het dier ontspant en de huid kalmeert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerzachtende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel af en maak het af met \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Of \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e als een laatste masker om het gevoel van welzijn te verlengen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Kalmerende Hartmix + Modulaire Supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de Calming Mix.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetoxtherapie vooraf\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen rustgevende afsluitende behandeling is essentieel…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce of hydraterende crème\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe huid reageert heftig of vertoont huidlaesies…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNiet gebruiken — gebruik in plaats daarvan Skincare Pro of Aqua Baby Paw.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Calming Mix het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle honden in de woonkamer \u003cspan\u003e(om te voorkomen dat de knooppunten te snel terugkeren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriërs \u003cspan\u003e(Schots, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — een rustgevend ritueel uit Sardinië, een aanrader voor elke badhuisbezoek.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 mL","offer_id":37820003713203,"sku":"WEO-MAR500 (21)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-32.png?v=1666345194"},{"product_id":"huiles-essentielles-chien-special-one-1","title":"Toning Mix - PORTOFINO - Etherische oliën van Ligurië","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBETROKKEN MIX — PORTOFINO\u003c\/strong\u003e is de\u003cstrong\u003ewasolie\u003c\/strong\u003e Special One, geïnspireerd door Ligurische geuren, is speciaal ontworpen voor bontsoorten die dat verdienen. \u003cstrong\u003everkwikt\u003c\/strong\u003e. Geschikt voor een doffe vacht en een droge huid, en kalmeert het bovendien onrustige of nerveuze personen dankzij de mix van essentiële oliën.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn of haar gading in vinden — vooral waardevol voor de \u003cstrong\u003edoffe, vermoeide of gedehydrateerde huid\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDeze reinigende olie geeft het haar een \u003cstrong\u003eEen schitterende creatie geïnspireerd door de geuren en kleuren van Ligurië.\u003c\/strong\u003e, die de straten van betoverende dorpjes in een roes brengen. \u003cstrong\u003eessentiële oliemix\u003c\/strong\u003e Het werkt zowel versterkend als kalmerend – op de huid, de vacht en het humeur van het dier.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e dit product als de huid \u003cstrong\u003ereageren\u003c\/strong\u003e of presenteert \u003cstrong\u003eletsels of wonden\u003c\/strong\u003e Essentiële oliën kunnen prikken of de irritatie verergeren.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRustgevend bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEen uiterst mild bad voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eZuiverende reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en zuivert de huid grondig zonder irritatie.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003egecombineerde huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet helpt zowel de droge als de vette huid door het evenwicht te herstellen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSnoep \u0026amp; versheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft doffe vachten weer zachtheid en frisheid – de vacht wordt weer soepel.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDe glans is hersteld.\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft de vacht weer een heldere en natuurlijke glans, alsof deze van binnenuit verlicht is.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van de Energizing Mix.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Hydratation\", value: 5 }, { label: \"Démêlant\", value: 3 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (MAPPING JS actieve Toning Mix - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van de Toning Mix: essentiële oliën \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003egeconcentreerde mix van essentiële oliën\u003c\/strong\u003e Met kalmerende, antiseptische en geurige eigenschappen — vrij van parabenen en siliconen. Hieronder wordt per productgebied uitgelegd hoe elk actief ingrediënt op de huid en het haar werkt.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Tonifiant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'romarin', label:'Romarin', latin:'Rosmarinus officinalis', family:'botanic',\n desc:\"Huile essentielle stimulante : elle réveille la circulation cutanée et redonne du tonus à la peau et au poil.\",\n targets: [\n { anchor:'epiderme', action:\"Effet stimulant\", benefit:\"Réveille la peau et active la microcirculation cutanée.\" },\n { anchor:'tige_poil', action:\"Vitalité de la fibre\", benefit:\"Redonne du tonus et de la vitalité à la fibre fatiguée.\" }\n ]\n },\n {\n id:'sauge', label:'Sauge', latin:'Salvia officinalis', family:'botanic',\n desc:\"Huile essentielle décontractante et régulatrice de sébum : elle apaise la peau tout en équilibrant la production sébacée.\",\n targets: [\n { anchor:'glande_seb', action:\"Régulation du sébum\", benefit:\"Équilibre la production sébacée des peaux mixtes ou grasses.\" },\n { anchor:'epiderme', action:\"Effet décontractant\", benefit:\"Apaise la peau et détend les tensions de surface.\" }\n ]\n },\n {\n id:'trio', label:'Lavande, Thym \u0026amp; Menthe', latin:'Trio analgésique', family:'botanic',\n desc:\"Mélange d’huiles essentielles analgésiques et antispasmodiques : il soulage les tensions et apporte une sensation de fraîcheur immédiate.\",\n targets: [\n { anchor:'epiderme', action:\"Analgésique \u0026 frais\", benefit:\"Soulage les sensations désagréables et apporte une fraîcheur immédiate.\" },\n { anchor:'derme', action:\"Détente profonde\", benefit:\"Détend l’animal en profondeur — effet calmant durable.\" }\n ]\n },\n {\n id:'eucalyptus', label:'Eucalyptus', latin:'Eucalyptus globulus', family:'bio',\n desc:\"Huile essentielle bactéricide et insecticide naturelle : elle assainit la peau en surface et limite les visiteurs indésirables.\",\n targets: [\n { anchor:'glande_sud', action:\"Action bactéricide\", benefit:\"Assainit la peau en surface et limite les déséquilibres bactériens.\" },\n { anchor:'cuticule', action:\"Effet insecticide doux\", benefit:\"Décourage les parasites de surface et purifie la fibre.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- Let op: Dit is geen op zichzelf staande shampoo, maar een aanvulling op een shampoo\/maskerbehandeling. --\u003e\u003c!-- Herinnering ❌ gevoelige huid --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e als de huid reactief is of actieve laesies of wonden vertoont.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eEen verzachtende reinigingsbehandeling als aanvulling op het bad.\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHoe je de Toning Mix kunt integreren in een Special One badritueel\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetoxmasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin met een masker vóór het baden. \u003cstrong\u003eDetoxtherapie\u003c\/strong\u003e om de huid en het haar voor te bereiden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTe gebruiken als aanvullende wasbehandeling.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoeg de energiemix toe \u003cstrong\u003eNaast shampoo of een masker voor het baden\u003c\/strong\u003e. Warm water laat de geur vrijkomen en activeert de gunstige werking van etherische oliën.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; neergelegd\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMasseer zachtjes om de etherische oliën te verspreiden. Laat het een paar minuten intrekken – het dier ontspant en de huid kalmeert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerzachtende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel af en maak het af met \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Of \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e als een laatste masker om het gevoel van welzijn te verlengen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Verkwikkende mix voor het hart + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de Toning Mix.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetoxtherapie vooraf\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen rustgevende afsluitende behandeling is essentieel…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce of hydraterende crème\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen puur kalmerend effect is gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eCalming Mix — Mari Pintau (Sardijnse neef)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe huid reageert heftig of vertoont huidlaesies…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNiet gebruiken — gebruik in plaats daarvan Skincare Pro of Aqua Baby Paw.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Energizing Mix het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle honden in de woonkamer \u003cspan\u003e(om te voorkomen dat de knooppunten te snel terugkeren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriërs \u003cspan\u003e(Schots, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — een versterkend ritueel uit Ligurië, waarvoor alle badhuizen uitgenodigd worden.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 mL","offer_id":37820003778739,"sku":"WEO-POR500 (122)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-35.png?v=1666345297"},{"product_id":"huiles-essentielles-chien-special-one-2","title":"Zuiverende mix - SATURNIA - Toscaanse etherische oliën","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eZUIVERINGSMIX — SATURNIA\u003c\/strong\u003e is de\u003cstrong\u003ewasolie\u003c\/strong\u003e Special One, geïnspireerd door de Toscaanse heuvels, is een mix van essentiële oliën. \u003cstrong\u003eVerkwikkend en zuiverend\u003c\/strong\u003e, Deze formule is ontwikkeld om de huid van uw huisdier grondig te reinigen en vermoeide vacht weer vitaliteit te geven. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn of haar gading in vinden — vooral waardevol voor de \u003cstrong\u003evermoeide of gestreste vacht\u003c\/strong\u003e die een zuiverende boost nodig hebben.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDeze reinigingsolie combineert de eigenschappen \u003cstrong\u003epijnstillend, deodorant en ontgiftend\u003c\/strong\u003e, Geïnspireerd door de glooiende Toscaanse heuvels waar rijen eeuwenoude bomen naast oude landhuizen staan. \u003cstrong\u003eessentiële oliemix\u003c\/strong\u003e Het heeft effect op zowel de huid als de gemoedstoestand van het dier.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e dit product als de huid \u003cstrong\u003ereageren\u003c\/strong\u003e of presenteert \u003cstrong\u003eletsels of wonden\u003c\/strong\u003e Essentiële oliën kunnen prikken of de irritatie verergeren.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRustgevend bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEen uiterst mild bad voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eZuiverende reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en zuivert de huid grondig zonder irritatie.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003egecombineerde huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet helpt zowel de droge als de vette huid door het evenwicht te herstellen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSnoep \u0026amp; versheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft doffe vachten weer zachtheid en frisheid – de vacht wordt weer soepel.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHerwonnen kracht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft vermoeide en gestreste vachten weer vitaliteit – een echte energieboost.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van de zuiveringsmix.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 4 }, { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 3 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (MAPPING JS actieve Purifying Mix - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van de zuiverende mix: etherische oliën \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003egeconcentreerde mix van essentiële oliën\u003c\/strong\u003e Met kalmerende, antiseptische en geurige eigenschappen — vrij van parabenen en siliconen. Hieronder wordt per productgebied uitgelegd hoe elk actief ingrediënt op de huid en het haar werkt.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Purifiant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'lavmenthe', label:'Lavande \u0026amp; Menthe', latin:'Duo analgésique \u0026 frais', family:'botanic',\n desc:\"Duo d’huiles essentielles analgésique et calmant : il apaise la peau tout en apportant une fraîcheur immédiate — effet « bouffée d’air ».\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026 fraîcheur\", benefit:\"Apaise la peau et apporte une fraîcheur immédiate.\" },\n { anchor:'derme', action:\"Détente profonde\", benefit:\"Détend l’animal en profondeur — effet calmant durable.\" }\n ]\n },\n {\n id:'eucalyptus', label:'Eucalyptus', latin:'Eucalyptus globulus', family:'bio',\n desc:\"Huile essentielle bactéricide et insecticide naturelle : elle assainit la peau et limite les visiteurs indésirables.\",\n targets: [\n { anchor:'glande_sud', action:\"Action bactéricide\", benefit:\"Assainit la peau en surface et limite les déséquilibres bactériens.\" },\n { anchor:'cuticule', action:\"Effet insecticide doux\", benefit:\"Décourage les parasites de surface et purifie la fibre.\" }\n ]\n },\n {\n id:'citron', label:'Citron', latin:'Citrus limon', family:'bio',\n desc:\"Huile essentielle anti-inflammatoire et cicatrisante : elle purifie la peau et soutient sa régénération naturelle.\",\n targets: [\n { anchor:'epiderme', action:\"Anti-inflammatoire\", benefit:\"Calme les zones réactives et accompagne la cicatrisation naturelle.\" },\n { anchor:'glande_seb', action:\"Purification\", benefit:\"Purifie le film cutané et assainit en profondeur.\" }\n ]\n },\n {\n id:'bergamote', label:'Bergamote', latin:'Citrus bergamia', family:'cond',\n desc:\"Huile essentielle apaisante et parfumante : elle confère au manteau un parfum frais et solaire tout en relaxant l’animal.\",\n targets: [\n { anchor:'tige_poil', action:\"Parfum solaire\", benefit:\"Diffuse un parfum frais et solaire qui imprègne la fibre.\" },\n { anchor:'cuticule', action:\"Toucher apaisé\", benefit:\"Apporte un toucher plus doux et un fini relaxant au pelage.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- Herinnering ❌ gevoelige huid --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e ❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e als de huid reactief is of actieve laesies of wonden vertoont. \u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eEen verzachtende reinigingsbehandeling als aanvulling op het bad.\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHoe je de Purifying Mix kunt integreren in een Special One badritueel\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetoxmasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin met een masker vóór het baden. \u003cstrong\u003eDetoxtherapie\u003c\/strong\u003e om de huid en het haar voor te bereiden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTe gebruiken als aanvullende wasbehandeling.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoeg het zuiveringsmengsel toe. \u003cstrong\u003eNaast shampoo of een masker voor het baden\u003c\/strong\u003e. Warm water laat de geur vrijkomen en activeert de gunstige werking van etherische oliën.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; neergelegd\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMasseer zachtjes om de etherische oliën te verspreiden. Laat het een paar minuten intrekken – het dier ontspant en de huid kalmeert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerzachtende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel af en maak het af met \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Of \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e als een laatste masker om het gevoel van welzijn te verlengen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Zuiverende Hartmix + Modulaire Supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de Purifying Mix.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetoxtherapie vooraf\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen rustgevende afsluitende behandeling is essentieel…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce of hydraterende crème\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen puur kalmerend effect is gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eCalming Mix — Mari Pintau (Sardijnse neef)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eeen toning effect \u0026amp; De glans is opzettelijk...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eTonic Mix — Portofino (Ligurische variant)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe huid reageert heftig of vertoont huidlaesies…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNiet gebruiken — gebruik in plaats daarvan Skincare Pro of Aqua Baby Paw.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de zuiveringsmix het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle honden in de woonkamer \u003cspan\u003e(om te voorkomen dat de knooppunten te snel terugkeren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriërs \u003cspan\u003e(Schots, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — een zuiverend en energiegevend ritueel uit Toscane.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37820003811507,"sku":"WEO-SAT500 (15)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-33.png?v=1666345071"},{"product_id":"huiles-essentielles-chien-special-one-3","title":"Energizing Mix - ROCCALUMERA - Essentiële oliën van Sicilië","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eENERGIEZENDE MIX — ROCCALUMERA\u003c\/strong\u003e is de\u003cstrong\u003ewasolie\u003c\/strong\u003e Special One, geïnspireerd door Sicilië en zijn \u003cstrong\u003ecitrus\u003c\/strong\u003e. Dankzij de actieve bestanddelen van Siciliaanse vruchten, \u003cstrong\u003eherstelt de kracht en glans\u003c\/strong\u003e voor vermoeide en gestreste vachten. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn of haar gading in vinden — vooral waardevol voor de \u003cstrong\u003evermoeide en gestreste jassen\u003c\/strong\u003e voor wie behoefte heeft aan een energieboost met citrusvruchten.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDeze reinigingsolie verbetert het haar; de geur doet denken aan... \u003cstrong\u003eelegante parfums uit het verleden\u003c\/strong\u003e en de \u003cstrong\u003eAuthentieke smaken van een prachtig land als Sicilië\u003c\/strong\u003e. DE \u003cstrong\u003eeen mix van essentiële citrusoliën\u003c\/strong\u003e Het verspreidt kracht en energie en parfumeert de vacht op subtiele wijze.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e dit product als de huid \u003cstrong\u003ereageren\u003c\/strong\u003e of presenteert \u003cstrong\u003eletsels of wonden\u003c\/strong\u003e Essentiële oliën kunnen prikken of de irritatie verergeren.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRustgevend bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEen uiterst mild bad voor honden en katten van alle leeftijden, van pups tot senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eZuiverende reiniging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt en zuivert de huid grondig zonder irritatie.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003egecombineerde huid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet helpt zowel de droge als de vette huid door het evenwicht te herstellen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSnoep \u0026amp; versheid\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft doffe vachten weer zachtheid en frisheid – de vacht wordt weer soepel.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHerwonnen kracht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeft vermoeide en gestreste vachten weer vitaliteit – een echte energieboost.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEen beter begrip van de werking van de energiemix.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Peau sensible\", value: 2 }, { label: \"Démêlant\", value: 2 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (MAPPING JS active Energizing Mix - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van de energiemix: essentiële oliën \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003egeconcentreerde mix van essentiële oliën\u003c\/strong\u003e Met kalmerende, antiseptische en geurige eigenschappen — vrij van parabenen en siliconen. Hieronder wordt per productgebied uitgelegd hoe elk actief ingrediënt op de huid en het haar werkt.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Énergisant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'pamplemandarine', label:'Pamplemousse \u0026amp; Mandarine', latin:'Duo agrumes énergisant', family:'bio',\n desc:\"Duo d’huiles essentielles drainant et relaxant : il revigore la peau tout en apportant un parfum fruité, vif et solaire.\",\n targets: [\n { anchor:'derme', action:\"Effet drainant\", benefit:\"Stimule la microcirculation et soutient l’élimination des toxines.\" },\n { anchor:'epiderme', action:\"Vitalité \u0026amp; relaxation\", benefit:\"Revigore la peau et offre une sensation de relaxation immédiate.\" }\n ]\n },\n {\n id:'orange', label:'Orange', latin:'Citrus sinensis', family:'bio',\n desc:\"Huile essentielle apaisant nerveux : elle détend l’animal et participe à son équilibre émotionnel.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant nerveux\", benefit:\"Détend l’animal et soutient son équilibre émotionnel.\" },\n { anchor:'tige_poil', action:\"Parfum solaire\", benefit:\"Diffuse un parfum fruité et lumineux qui imprègne la fibre.\" }\n ]\n },\n {\n id:'citron', label:'Citron', latin:'Citrus limon', family:'botanic',\n desc:\"Huile essentielle antiseptique et rafraîchissante : elle assainit la peau tout en apportant une fraîcheur vive.\",\n targets: [\n { anchor:'glande_seb', action:\"Action antiseptique\", benefit:\"Assainit le film cutané et limite les déséquilibres de surface.\" },\n { anchor:'cuticule', action:\"Fraîcheur rafraîchissante\", benefit:\"Apporte une fraîcheur vive à la surface du poil.\" }\n ]\n },\n {\n id:'bergamote', label:'Bergamote', latin:'Citrus bergamia', family:'cond',\n desc:\"Huile essentielle antispasmodique et parfumante : elle relâche les tensions et confère au manteau un parfum frais et solaire.\",\n targets: [\n { anchor:'glande_sud', action:\"Effet antispasmodique\", benefit:\"Relâche les tensions cutanées et favorise la détente.\" },\n { anchor:'tige_poil', action:\"Parfum solaire\", benefit:\"Confère au manteau un parfum frais et solaire qui dure.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- Herinnering ❌ gevoelige huid --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e ❌ \u003cstrong\u003eNiet gebruiken\u003c\/strong\u003e als de huid reactief is of actieve laesies of wonden vertoont. \u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eEen verzachtende reinigingsbehandeling als aanvulling op het bad.\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHoe je de Energizing Mix kunt integreren in een speciaal badritueel\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetoxmasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBegin met een masker vóór het baden. \u003cstrong\u003eDetoxtherapie\u003c\/strong\u003e om de huid en het haar voor te bereiden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTe gebruiken als aanvullende wasbehandeling.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoeg de energiemix toe \u003cstrong\u003eNaast shampoo of een masker voor het baden\u003c\/strong\u003e. Warm water laat de geur vrijkomen en activeert de gunstige werking van etherische oliën.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; neergelegd\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMasseer zachtjes om de etherische oliën te verspreiden. Laat het een paar minuten intrekken – het dier ontspant en de huid kalmeert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerzachtende afwerking\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel af en maak het af met \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Of \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e als een laatste masker om het gevoel van welzijn te verlengen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Energieke mix voor de kern + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de energiemix.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetoxtherapie vooraf\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen rustgevende afsluitende behandeling is essentieel…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce of hydraterende crème\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen puur kalmerend effect is gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eCalming Mix — Mari Pintau (Sardijnse neef)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eeen toning effect \u0026amp; De glans is opzettelijk...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eTonic Mix — Portofino (Ligurische variant)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen zuiverende en ontgiftende werking is gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eZuiveringsmix — Saturnia (een verwant van Toscane)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe huid reageert heftig of vertoont huidlaesies…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNiet gebruiken — gebruik in plaats daarvan Skincare Pro of Aqua Baby Paw.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Energizing Mix het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle honden in de woonkamer \u003cspan\u003e(om te voorkomen dat de knooppunten te snel terugkeren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriërs \u003cspan\u003e(Schots, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — een energiserend ritueel met Siciliaanse citrusvruchten, kracht \u0026amp; glans.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37820003844275,"sku":"WEO-ROC500 (119)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-34.png?v=1666345253"},{"product_id":"nettoyant-desinfectant-elevage-et-salon-de-toilettage","title":"5L blik Sanibox Special One desinfecterende reiniger","description":"","brand":"PetDesign shop","offers":[{"title":"Default Title","offer_id":37820007547059,"sku":"(88)","price":45.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/9043.jpg?v=1614681661"},{"product_id":"4poodle-shampoing-caniche-special-one","title":"4Poodle - Special Edition - Rechtzetten en volume","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003e4POODLE PRO\u003c\/strong\u003e (uitgesproken als \u0026quot;For Poudeul Pro\u0026quot;) is de shampoo die een revolutie teweeg zal brengen in al je haarföhnroutines. \u003cstrong\u003eom volume toe te voegen en te straighten\u003c\/strong\u003e. Een technische innovatie die nog nooit eerder in dierlijke cosmetica is gezien, die volume, elasticiteit en \u003cstrong\u003eintens keratine-effect\u003c\/strong\u003e op alle krullende en volumineuze vachten. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal het erg handig vinden, zowel op wedstrijddagen als voor de wekelijkse verzorgingsbeurten. De voordelen zijn niet beperkt tot poedels: het is ook geschikt voor... \u003cstrong\u003eAlle haartypes kunnen worden gestraight, van volume worden voorzien of een explosieve look krijgen.\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eMet dank aan \u003cstrong\u003eCeramiden 2 en kasjmierproteïnen\u003c\/strong\u003e, 4Poodle Pro herstelt het haar van binnenuit, waardoor het meer volume krijgt en \u003cstrong\u003euitzonderlijke elasticiteit\u003c\/strong\u003e direct na het uit bad stappen, dan een \u003cstrong\u003eIntensief en langdurig keratine-effect\u003c\/strong\u003e. Het haar droogt zeer snel, is gemakkelijk te borstelen en is direct klaar om met de schaar geknipt te worden of voor presentatie op wedstrijden.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003ePas op voor terugkerende knopen:\u003c\/strong\u003e Bij gebruik op zichzelf om maximaal volume te bereiken, kan 4Poodle Pro ervoor zorgen dat het haar sneller weer in de knoop raakt. Voor het onderhoud dient u altijd af te sluiten met een intensieve conditioner. \u003cstrong\u003eHydraterende crème en\/of Bombastic\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 3H5a2 2 0 0 0-2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3h3a2 2 0 0 1 2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21H5a2 2 0 0 1-2-2v-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 21h3a2 2 0 0 0 2-2v-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMaximaal volume\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet best mogelijke volume met de beste textuur – zelfs bij de fijnste haren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 3v4M3 5h4M6 17v4M4 19h4\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 3l3 8 8 3-8 3-3 8-3-8-8-3 8-3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eNieuwe outfit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHerdefinieert en structureert de vacht permanent na elk wasbeurt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 7h16M6 7v11M10 7v11M14 7v11M18 7v11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eOngeëvenaarde föhnbehandeling\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDirecte elasticiteit: föhnen gaat soepeler en je bespaart echt tijd.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 8h9a2 2 0 1 0-2-2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12h13a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16h7a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSneldrogend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHet haar droogt aanzienlijk sneller na het wassen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eLangdurig keratine-effect\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDe werking van keratine houdt nog lang na het baden aan.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3.6\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v2.5M12 19.5V22M4.2 4.2l1.8 1.8M18 18l1.8 1.8M2 12h2.5M19.5 12H22M4.2 19.8l1.8-1.8M18 6l1.8-1.8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUV-bescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeïntegreerd UV-A-filter ter bescherming van huid en haar tegen de schadelijke effecten van de zon.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDe acties van 4Poodle Pro beter begrijpen.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 3 }, { label: \"Démêlant\", value: 1 }, { label: \"Texture\", value: 3 }, { label: \"Volume\", value: 4 }, { label: \"Brillance\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: SAMENSTELLING (Active 4Poodle Pro JS MAPPING - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van 4Poodle Pro: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen zeer precieze technische formulering — \u003cstrong\u003einterne reconstructie, hydratatie en bescherming\u003c\/strong\u003e, Vrij van SLES en parabenen. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de 4Poodle Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'ceramide', label:'Céramide 2', latin:'Céramides végétaux', family:'cond',\n desc:\"Lipide structurant de la fibre : tel le ciment entre les briques, il restaure la cohésion intercellulaire du poil et forme une couche protectrice contre la déshydratation et les agressions.\",\n targets: [\n { anchor:'tige_poil', action:\"Reconstruction interne\", benefit:\"Comble le ciment intercellulaire — la fibre retrouve cohésion, densité et résistance.\" },\n { anchor:'cuticule', action:\"Scellage anti-déshydratation\", benefit:\"Lisse les écailles et verrouille l'hydratation à l'intérieur du poil.\" }\n ]\n },\n {\n id:'cachemire', label:'Protéines de Cachemire', latin:'Protéines de kératine', family:'cond',\n desc:\"Protéines nobles à forte affinité kératinique : elles densifient la fibre et lui apportent une élasticité exceptionnelle, immédiatement perceptible au brushing.\",\n targets: [\n { anchor:'tige_poil', action:\"Densité \u0026 élasticité\", benefit:\"Donnent corps et ressort au poil : un volume travaillable et un brushing plus fluide.\" },\n { anchor:'cuticule', action:\"Séchage accéléré\", benefit:\"Gainent la fibre pour un toucher lisse, facile à brosser et qui sèche plus vite.\" }\n ]\n },\n {\n id:'provitb5', label:'Provitamine B5', latin:'Panthénol', family:'bio',\n desc:\"Le panthénol agit sur les deux substrats : fortifiant et embellissant sur le poil, réparateur et apaisant sur la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Fortifiant \u0026 brillance\", benefit:\"Renforce la fibre de l'intérieur et ravive sa brillance.\" },\n { anchor:'epiderme', action:\"Réparation \u0026 apaisement\", benefit:\"Apaise la peau et soutient sa réparation.\" }\n ]\n },\n {\n id:'glycerine', label:'Glycérine végétale', latin:'Glycérol végétal', family:'aqua',\n desc:\"Humectant de référence, à la fois occlusif et émollient : indispensable pour une hydratation durable de la peau et du poil.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation occlusive\", benefit:\"Retient l'eau et protège la surface des agressions extérieures.\" },\n { anchor:'epiderme', action:\"Émollience\", benefit:\"Lisse et assouplit la peau comme le poil.\" }\n ]\n },\n {\n id:'uree', label:'Urée (Carbamide)', latin:'Carbamide', family:'aqua',\n desc:\"Actif professionnel de référence : hydrate les couches supérieures de l'épiderme, élimine les squames et stimule le renouvellement cellulaire, avec une action purifiante.\",\n targets: [\n { anchor:'epiderme', action:\"Hydratation \u0026 kératolyse douce\", benefit:\"Hydrate l'épiderme, élimine les squames et active le renouvellement cellulaire.\" },\n { anchor:'glande_sud', action:\"Action purifiante\", benefit:\"Limite le développement bactérien à la surface de la peau.\" }\n ]\n },\n {\n id:'leucidal', label:'Leucidal', latin:'Ferment de radis', family:'botanic',\n desc:\"Conservateur 100 % naturel issu de la fermentation du radis : peptides aux propriétés antibactériennes, antipelliculaires et antimicrobiennes.\",\n targets: [\n { anchor:'glande_seb', action:\"Assainissant naturel\", benefit:\"Action antibactérienne et antipelliculaire au niveau du film cutané.\" },\n { anchor:'epiderme', action:\"Équilibre microbien\", benefit:\"Préserve l'équilibre de la flore de surface — sans conservateur de synthèse.\" }\n ]\n },\n {\n id:'coco', label:'Tensioactifs de noix de coco', latin:'Dérivés de Cocos nucifera', family:'botanic',\n desc:\"Base lavante douce d'origine végétale : nettoie en respectant la peau et conditionne le poil sans jamais l'agresser.\",\n targets: [\n { anchor:'cuticule', action:\"Lavage doux \u0026 conditionnant\", benefit:\"Nettoie sans décaper et dépose un conditionnement léger sur la fibre.\" },\n { anchor:'epiderme', action:\"Douceur cutanée\", benefit:\"Respecte la peau et préserve son confort.\" }\n ]\n },\n {\n id:'citronuv', label:'Citron \u0026 Filtre UV-A', latin:'Citrus limon \u0026 filtre UV', family:'bio',\n desc:\"Le citron resserre les écailles et stabilise le pH de la formule ; le filtre UV-A protège la peau et les poils des effets nocifs du soleil.\",\n targets: [\n { anchor:'cuticule', action:\"Équilibre du pH\", benefit:\"Resserre les écailles et stabilise le pH pour une fibre lisse et brillante.\" },\n { anchor:'tige_poil', action:\"Bouclier UV-A\", benefit:\"Le filtre UV-A protège la fibre des effets nocifs du soleil.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e10\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEén deel op tien delen water\u003cbr\u003e— of puur\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 2,5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 10 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 50 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e500 ml\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 500 mL \/ 1 L \/ 2 L (dilution 1\/10)\n var cycles = [\n { target: '500 mL', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '1 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '2 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eVolumebad — tentoonstelling \u0026amp; schaar knippen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor wedstrijddagen of voor kwalitatief knippen met de schaar.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereid de vacht voor met het pre-wasmasker. \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e, geassocieerd met \u003cstrong\u003eHygrovloeistof\u003c\/strong\u003e Of \u003cstrong\u003eBombastisch\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAanbrengen op het masker\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSolliciteer voor 4Poodle Pro \u003cstrong\u003epuur of verdund tot 1\/10\u003c\/strong\u003e Breng het product direct aan op het masker, zonder af te spoelen. Masseer in, spoel af en herhaal.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaximale volume-optie\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVoor een wasbeurt voor een show of wedstrijd kan de conditioner worden weggelaten als je op zoek bent naar een wasbeurt die geschikt is voor een wedstrijd. \u003cstrong\u003emaximaal volume\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eToon einde\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDroog en werk af met \u003cstrong\u003eAbsolute 4Poedel\u003c\/strong\u003e : Het duo 4Poodle Pro + Absolute 4Poodle is dé referentie voor de presentatie van krullend haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eWekelijks onderhoudsbad — volume \u0026amp; knoopbescherming\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor regelmatige baden, zonder in te leveren op volume.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereid het haar voor met \u003cstrong\u003eBio-energie Plus\u003c\/strong\u003e als masker vóór het baden (20 min).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eWassen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng 4Poodle Pro aan, spoel af en herhaal.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEssentieel: knoopbescherming\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème verdund 1\/50\u003c\/strong\u003e + een lepeltje \u003cstrong\u003eBombastisch\u003c\/strong\u003e. Deze behandeling beschermt het haar en \u003cstrong\u003eDit vertraagt ​​de terugkeer van de knooppunten aanzienlijk.\u003c\/strong\u003e Tussen de baden door.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eVersterkte mineraalreconstructie met Bombastic\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eVoor vachten die ernstig beschadigd, uitgedroogd of dun zijn.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAssociatie van protocollen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eCombineer 4Poodle Pro met het mineraalreconstructieprotocol. \u003cstrong\u003eBombastisch\u003c\/strong\u003e : Voeg Bombastic toe aan je badmasker of conditioner.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGecombineerd effect\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHet effect \u003cstrong\u003eCeramiden + Kasjmier + Bombastisch\u003c\/strong\u003e Het herstructureert de vezel tot in de diepte en herstelt de blijvende dichtheid en glans.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHerhaal indien nodig.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHerhaal het protocol. \u003cstrong\u003e2 tot 3 keer\u003c\/strong\u003e als de vacht erg beschadigd is.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- 4Poodle Pro in de kern + modulaire uitbreidingen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met 4Poodle Pro.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen gezichtsmasker vóór het douchen wordt aanbevolen...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + Hygro Fluid of Bombastic\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen onderhoudsconditioner is noodzakelijk…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème + Bombastic\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle (spray)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar 4Poodle Pro het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Schaar knippen \u0026amp; kam \u003cspan\u003e(alle honden in de woonkamer)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington, Havanese, Coton de Tuléar)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🧸 Dubbel haar \u0026amp; waterhonden \u003cspan\u003e(Australische herdershond, Samojeed, Newfoundlander, Spitz)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e💥 Om het haar recht te trekken of volume toe te voegen. \u003cspan\u003e(Schnauzer, Foxterriër, Amerikaanse Cocker Spaniel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Terriërs \u003cspan\u003e(het vergroten van het volume van de benen)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — ideaal voor alle soorten bont die volume moeten krijgen of juist gestraight moeten worden.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES en parabenen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"5 Litres","offer_id":40019132842163,"sku":"WEX-4POO5000 (57)","price":153.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":40019132809395,"sku":"WEX-4POO1000 (46)","price":52.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/4poodle.png?v=1680254068"},{"product_id":"absolute-4poodle-toilettage-caniche","title":"Absolute 4Poodle - De beste antistatische volumespray","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eABSOLUTE 4POODLE\u003c\/strong\u003e Dit is de Special One antistatische conditionerende finishing spray, speciaal ontwikkeld voor alle haartypes, zowel voor haar met volume als voor haar dat gestraight moet worden. De kostbare formule is verrijkt met... \u003cstrong\u003ekasjmierproteïnen en Alba witte truffelextract\u003c\/strong\u003e — geeft textuur en volume aan de vacht zonder deze te verzwaren. \u003cstrong\u003eUniek op de markt\u003c\/strong\u003e vanwege de glans en het gladmakende effect dat het geeft. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eEssentieel voor rassen waarvan de vacht opzwelt, krult of getemd moet worden vóór het knippen of showen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Trimmers\u0026amp; \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Veeboeren\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Individuen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Concurrenten\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Behandelaars\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- RADARBLOK: COSMETOLOGISCH DIAGRAM --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eCosmetologisch diagram van Absolute 4Poodle\u003c\/span\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Brillance\", value: 5 },\n { label: \"Défrisage\", value: 5 },\n { label: \"Démêlant\", value: 3 },\n { label: \"Hydratation\", value: 4 },\n { label: \"Volume\", value: 4 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGebruiksklare Absolute 4Poodle hydrateert de krullende vacht en helpt bij... \u003cstrong\u003eTem je krullen, zelfs de meest weerbarstige.\u003c\/strong\u003e. Vanaf het eerste gebruik is de vacht licht, gehydrateerd en natuurlijk handelbaar – klaar om te trimmen, stylen of te showen. Het is ook ideaal als last-minute conditioner wanneer de vacht pluizig is of volume verliest.\u003c\/p\u003e \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHaar steil maken \u0026amp; volume:\u003c\/strong\u003e Temt krullen en geeft textuur zonder de vacht te verzwaren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eUitzonderlijke genialiteit:\u003c\/strong\u003e Een stralend en satijnachtig resultaat vanaf de eerste toepassing.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatisch:\u003c\/strong\u003e Elimineert elektrostatische lading voor een verzorgde en nette vacht.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVullingseffect:\u003c\/strong\u003e De Alba-truffel biedt blijvende visuele dichtheid en elasticiteit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratatie \u0026amp; compactheid:\u003c\/strong\u003e Kasjmierproteïnen zorgen ervoor dat de vacht compact, glanzend en gevoed wordt.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRegeneratie tijdens het borstelen:\u003c\/strong\u003e Geeft de vacht nieuw leven bij elke penseelstreek.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eKlaar om te knippen:\u003c\/strong\u003e Ideaal voordat je met een schaar gaat knippen: het haar is perfect ontspannen en gelijkmatig.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eOnzichtbaar onder alle jurken:\u003c\/strong\u003e Geen zichtbare resten, ongeacht de vachtkleur.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMeerdere toepassingen:\u003c\/strong\u003e Kan meerdere keren per dag worden gebruikt zonder risico op ophoping.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eKenmerkende geur:\u003c\/strong\u003e Een elegante en aanhoudende geur, kenmerkend voor Special One.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 3: ACTIVA --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie van natuurlijke actieve ingrediënten\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen kostbare en verfijnde formule, opgebouwd rond twee uitzonderlijke ingrediënten die zelden in cosmetica voor dieren worden gebruikt.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Kasjmierproteïnen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eZe maken de vacht compact, glanzend en gehydrateerd. Ze vormen een lichte beschermende laag die krullend haar structuur geeft zonder het te verzwaren.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Biologisch Alba witte truffelextract\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eItaliaanse topkwaliteit met buitengewone anti-verouderings- en revitaliserende eigenschappen. Zorgt voor een ongeëvenaard volumegevend effect en langdurige elasticiteit van de vacht.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 Product \u003cstrong\u003eklaar voor gebruik\u003c\/strong\u003e, Onverdund. Spray op 20-30 cm afstand van droge of vochtige vacht en borstel vervolgens. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 1 🔥 Na het baden: het haar rechtmaken. \u0026amp; schaar knippen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e De ideale laatste stap na het baden en afdrogen:\u003cbr\u003e 1. Spray Absolute 4Poodle over de gehele droge of natte vacht, vanaf een afstand van 20-30 cm.\u003cbr\u003e 2. Borstel \u003cstrong\u003elaagje voor laagje het haar in secties verdelen.\u003c\/strong\u003e — het haar ontspant, de krullen ontvouwen zich en het volume komt gelijkmatig tot uiting.\u003cbr\u003e 3. De vacht is nu \u003cstrong\u003eperfect gedisciplineerd en klaar voor de knipbeurt.\u003c\/strong\u003e : Homogeen, lichtgewicht en zonder weerstand. Kan tijdens het snijden zo vaak als nodig opnieuw worden aangebracht.\u003cbr\u003e Als je het resultaat wilt corrigeren: voltooi met \u003cstrong\u003eDefinitieve oplossing: ecologisch gas of gas met hoge druk.\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 10px 12px; font-size: 12px;\"\u003e ⚠️ \u003cstrong\u003eUitzondering voor de knot:\u003c\/strong\u003e Breng Absolute 4Poodle niet aan op de knot voordat je de haarspray gebruikt; het product zou namelijk voorkomen dat de fixeerlaag goed hecht. \u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 2 🔥 Snelle voorbehandeling vóór de ring — rechtzetten \u0026amp; volumeverlies\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Als het haar tussen het wassen en de presentatie pluizig wordt of volume verliest:\u003cbr\u003e 1. Spuit Absolute 4Poodle rechtstreeks op de aangetaste plekken.\u003cbr\u003e 2. Borstel om \u003cstrong\u003eHerstel het volume, elimineer elektrostatische lading.\u003c\/strong\u003e en de vorm ervan herstellen.\u003cbr\u003e Direct resultaat: een opnieuw gestructureerde, glanzende en onberispelijke coating voor de ring – zonder een complete herbehandeling. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eVoorbeeld 3 🔥 Dagelijks onderhoud met borstelen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eSCROLL NAAR BENEDEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Absolute 4Poodle kan tussen de wasbeurten door in de verzorgingsroutine worden opgenomen:\u003cbr\u003e 1. Spuit op de droge vacht vanaf een afstand van 20-30 cm.\u003cbr\u003e 2. Borstel het product voorzichtig. \u003cstrong\u003eregenereert de vacht bij elke doorgang.\u003c\/strong\u003e, Het houdt de huid gehydrateerd en beperkt het dagelijks opnieuw krullen.\u003cbr\u003e De kenmerkende Special One-geur wordt bij elk gebruik op de jas afgegeven. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eAbsolute 4Poodle is de perfecte finishing touch voor een complete wasbeurt. Twee veelvoorkomende protocollen:\u003c\/p\u003e \u003cdiv style=\"background: #fff; border: 1px solid #eee; padding: 12px 16px; font-size: 13px; margin-bottom: 15px; line-height: 2;\"\u003e 🔹 \u003cstrong\u003eBio-energie\u003c\/strong\u003e → \u003cstrong\u003e4Poodle Pro Shampoo\u003c\/strong\u003e → \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poedel\u003c\/strong\u003e\u003cbr\u003e 🔹 \u003cstrong\u003eBio-energie\u003c\/strong\u003e → \u003cstrong\u003ePlatynum Pro\u003c\/strong\u003e → \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poedel\u003c\/strong\u003e\u003cbr\u003e 🔹 Indien reparatie noodzakelijk is: \u003cstrong\u003eDefinitieve ecologische oplossing\u003c\/strong\u003e Of \u003cstrong\u003eSterk gas\u003c\/strong\u003e in afwerking \u003c\/div\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 10px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003ePoedels (Toy, Miniatuur, Standaard, Koningshond)\u003c\/strong\u003e — product dat van oudsher voor dit ras is ontworpen, met een ongeëvenaard resultaat voor de krul.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichon Frisés, Bolonais – gecontroleerd volume en straightening.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Kerry Blue Terrier, Soft Coated Wheaten, Bedlington — krullend of golvend haar moet getemd worden voordat het geknipt wordt.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle rassen waarvan het haar opzwelt, golft of gestraight moet worden voor een show of knipbeurt.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Showhonden — gegarandeerd last-minute conditietraining, glans en presentatie vóór de ring.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES en parabenen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 ml","offer_id":40021095678131,"sku":"WEX-A4POO250 (44)","price":39.0,"currency_code":"EUR","in_stock":true},{"title":"1 liter","offer_id":57210623099225,"sku":"(75)","price":93.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_5.png?v=1771967379"},{"product_id":"bombastic-special-one","title":"BOMBASTIC - het essentiële serum ✨","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBOMBASTISCH\u003c\/strong\u003e is de \u003cstrong\u003eReconstructieve vloeibare vezel\u003c\/strong\u003e Special One — geen shampoo, geen conditioner, geen vettig serum. Een ware innovatie in de zoocosmetologie: \u003cstrong\u003eRemineraliserende + Antioxidante + Ultra-hydraterende actieve ingrediënten + Sporenelementen\u003c\/strong\u003e, geassocieerd met \u003cstrong\u003ebiotechnologische katalysator\u003c\/strong\u003e waardoor unieke cellulaire absorptie mogelijk is. \u003cem\u003eAls je het eenmaal hebt geprobeerd, kun je niet meer zonder.\u003c\/em\u003e \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets interessants in vinden — Bombastic kan worden geïntegreerd in \u003cstrong\u003eelke stap\u003c\/strong\u003e Verzorging: masker vóór het wassen, in de shampoo of conditioner, of als extra stap tussen het wassen en conditioneren.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eMet dank aan gist \u003cstrong\u003eSaccharomyces cerevisiae\u003c\/strong\u003e, Het mineralencomplex van Bombastic werkt samen met \u003cstrong\u003eglycopeptiden met een laag moleculair gewicht\u003c\/strong\u003e Voor \u003cstrong\u003ehet overwinnen van cellulaire barrières\u003c\/strong\u003e en diep in de vacht doordringen. Een absorptieniveau dat conventionele formules niet kunnen bereiken. Het resultaat? \u003cem\u003eEen vacht zoals je die nog nooit eerder hebt gezien.\u003c\/em\u003e\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin-bottom: 18px;\"\u003e⚠️ \u003cstrong\u003eTe vermijden gebieden:\u003c\/strong\u003e Breng Bombastic niet aan op plekken waar volume absoluut vermeden moet worden — de rug van een Berner Sennenhond of Golden Retriever met weerbarstig haar, een dikke nek, dijen met eigenwijze lokken, of het haar van een Yorkshire Terrier\/Maltezer dat in de ring als een gordijn moet vallen.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21h18M5 21V11h4v10M15 21V7h4v14M9 16h6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDiepe reconstructie\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHerstelt de haarvezel. \u003cstrong\u003evan binnenuit\u003c\/strong\u003e dankzij het biotechnologische complex van fermenten en mineralen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21v-8M12 13c0-3 2-5 5-5M12 13c0-3-2-5-5-5M12 21H8m4 0h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVerbeterde groei\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerbeterde haargroei, \u003cstrong\u003ekwalitatief en kwantitatief\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 5h4M5 5v4M5 5l5 5M19 5h-4M19 5v4M19 5l-5 5M5 19h4M5 19v-4M5 19l5-5M19 19h-4M19 19v-4M19 19l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVolume behouden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eOndanks zijn extreem voedzame karakter, Bombastic \u003cstrong\u003ebehoudt of versterkt zelfs het volume\u003c\/strong\u003e en natuurlijke kleding — ongeacht ras.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M10 14a4 4 0 0 0 5.66 0l3-3a4 4 0 0 0-5.66-5.66l-1 1\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 10a4 4 0 0 0-5.66 0l-3 3a4 4 0 1 0 5.66 5.66l1-1\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-knoop\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eAanzienlijk vertraagd\u003c\/strong\u003e Het terugkeren van de knopen na het bad.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSchittering \u0026amp; outfit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eA \u003cstrong\u003eglans- en verzorgingsresultaten\u003c\/strong\u003e aanzienlijk verbeterd.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19l14-14M16 5l3 3M9 5h.01M19 11h.01M5 11h.01M11 19h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDat bepaalde iets\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDit visuele en tactiele effect is moeilijk in woorden te beschrijven, maar het\u003cstrong\u003emen voelt onmiddellijk\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEen beter begrip van de acties van Bombastic\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 5 }, { label: \"Brillance\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Volume\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Bombastic actieve JS-MAPPING - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Bombastic: biotechnologie in dienst van het haar\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen unieke formule waarbij de \u003cstrong\u003eBiotechnologie wordt ingezet in de zoöcosmetologie.\u003c\/strong\u003e — zonder SLES, zonder parabenen, zonder siliconen.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Bombastic\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'q10', label:'Coenzyme Q10', latin:'Ubiquinone', family:'cond',\n desc:\"Précieux antioxydant cellulaire : il protège les cellules du poil et de la peau contre le vieillissement et les agressions oxydatives — indispensable à la jeunesse du manteau.\",\n targets: [\n { anchor:'epiderme', action:\"Action antioxydante\", benefit:\"Protège les cellules de la peau contre le stress oxydatif et le vieillissement.\" },\n { anchor:'derme', action:\"Énergie cellulaire\", benefit:\"Soutient le métabolisme énergétique des cellules cutanées.\" }\n ]\n },\n {\n id:'macadamia', label:'Huile de Macadamia', latin:'Macadamia ternifolia', family:'botanic',\n desc:\"Hydratante et restructurante : elle nourrit la fibre en profondeur et maintient le poil souple, brillant et dense.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition restructurante\", benefit:\"Nourrit la fibre et maintient densité, souplesse et brillance.\" },\n { anchor:'cuticule', action:\"Souplesse retrouvée\", benefit:\"Adoucit la cuticule et apporte un toucher gainé sans alourdir.\" }\n ]\n },\n {\n id:'biotech', label:'Complexe Biotechnologique', latin:'Saccharomyces cerevisiae + Minéraux', family:'aqua',\n desc:\"\u003cstrong\u003eZinc, fer, magnésium, silicium, cuivre fermenté\u003c\/strong\u003e — activés par la levure pour \u003cstrong\u003esurmonter les barrières cellulaires\u003c\/strong\u003e et agir en profondeur avec une efficacité impossible par les voies classiques. C’est le cœur de l’innovation Bombastic.\",\n targets: [\n { anchor:'tige_poil', action:\"Reminéralisation profonde\", benefit:\"Apporte oligo-éléments fermentés directement au cœur de la fibre.\" },\n { anchor:'follicule', action:\"Soutien à la pousse\", benefit:\"Stimule la croissance qualitative et quantitative du poil.\" }\n ]\n },\n {\n id:'fleurs', label:'Distillats de Fleurs \u0026amp; Plantes', latin:'Hydrolats végétaux', family:'bio',\n desc:\"Agents actifs végétaux qui complètent le complexe minéral pour apporter \u003cstrong\u003edouceur, éclat et vitalité\u003c\/strong\u003e au manteau.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026amp; éclat\", benefit:\"Apaise le terrain cutané et apporte un éclat lumineux au poil.\" },\n { anchor:'cuticule', action:\"Toucher doux\", benefit:\"Confère un toucher fondant et un fini soyeux à la fibre.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- INVOEGSEL VOOR VERHALEN: biotechnologische innovatie --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e🧬 De bombastische signatuur\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eWanneer biotechnologie cellulaire barrières overwint\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eDe meeste actieve ingrediënten in cosmetica blijven behouden. \u003cem\u003eoppervlak\u003c\/em\u003e van het haar, op zijn plaats gehouden door de natuurlijke barrière van de haarschubben. \u003cstrong\u003eBiotechnologisch complex\u003c\/strong\u003e Bombastisch gebruikt een \u003cstrong\u003especifieke gist — \u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e\u003c\/strong\u003e — wat produceert \u003cstrong\u003eglycopeptiden met een laag moleculair gewicht\u003c\/strong\u003e in staat tot \u003cstrong\u003edeze cellulaire barrière passeren\u003c\/strong\u003e. De mineralen (zink, ijzer, magnesium, silicium, koper) worden zo geleverd. \u003cem\u003ein het hart\u003c\/em\u003e van de vezel, en niet simpelweg afgezet op het oppervlak ervan. Dit is een effectiviteit die conventionele formuleringen niet kunnen bereiken.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 eetlepel\/liter\u003cbr\u003eof als aanvulling op een product\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSnel trimmen \u0026amp; economisch\u003c\/span\u003eDe methode die de voorkeur geniet van professionals\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eIn de shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eToevoegen \u003cstrong\u003e1 tot 2 eetlepels Bombastic\u003c\/strong\u003e Voeg dit mengsel toe aan je shampoo. Was je haar twee keer met dit mengsel. Spoel het daarna uit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpuitoptie (meest economisch)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdund \u003cstrong\u003e1 c.eetlepel Bombastic per liter water\u003c\/strong\u003e, Spray op vochtige vacht. Laat het inwerken. \u003cstrong\u003e3-5 minuten\u003c\/strong\u003e, Spoel af en begin met drogen\/borstelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eOptie zonder naspoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMengen \u003cstrong\u003e1 theelepel Bombastic + 1 theelepel Hydraterende Crème + water\u003c\/strong\u003e. Breng het product overal aan en ga direct verder met föhnen. \u003cstrong\u003eniet naspoelen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensieve herstructurering van de vacht\u003c\/span\u003eDubbele dosis pre-bad + conditioner\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMasker voor het baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eToevoegen \u003cstrong\u003e1 eetlepel Bombastic per liter water\u003c\/strong\u003e in je gebruikelijke gezichtsmasker voor het douchen (Bio Energy Plus, Hygro Fluid, enz.).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eConditioner\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eToevoegen \u003cstrong\u003e1 tot 2 eetlepels Bombastic\u003c\/strong\u003e In je conditionermasker. Laat het intrekken. \u003cstrong\u003e5 minuten\u003c\/strong\u003e. Afspoelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaximale synergie\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDit dubbele voordeel — vóór en na het wassen van je haar — \u003cstrong\u003emaximaliseert de penetratie van minerale actieve ingrediënten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eZelfgemaakt dik gezichtsmasker\u003c\/span\u003eBeschadigde uiteinden \u0026amp; gerichte voeding\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003cdiv style=\"background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; padding: 10px 14px; font-size: 12.5px; line-height: 1.55; margin-bottom: 12px;\"\u003e💡 \u003cstrong\u003eNatuurbehoud:\u003c\/strong\u003e De bereide mousse blijft stabiel, maar moet wel gebruikt worden. \u003cstrong\u003ebinnen 48 uur\u003c\/strong\u003e Afhankelijk van de bereidingswijze. Bewaar het op een koele, droge plaats, uit de buurt van warmte en direct zonlicht.\u003c\/div\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003e50\/50 mix\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMengen \u003cstrong\u003e50 ml Bombastic + 50 ml koud water\u003c\/strong\u003e in een kom. Laat het een paar minuten staan ​​— de textuur \u003cstrong\u003everdikt verrassend\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGerichte toepassing\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBreng dit dikke masker aan op de \u003cstrong\u003eDroge vacht, beschadigde haarpunten, plekken zonder glans of dichtheid.\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003e3-in-1 resultaat\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVolume, voeding en een stralende huid in één stap — \u003cstrong\u003ezonder ooit gewicht toe te voegen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003e🎀 Papillotes inpakken – handtekening Yulia Marenkova\u003c\/span\u003eAlleen gebruikt, de favoriet van de showpoedelliefhebbers\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHEEFT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePure toepassing\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebruikt \u003cstrong\u003ealleen\u003c\/strong\u003e (onverdund) is Bombastic het favoriete product van de internationale dealer. \u003cstrong\u003eYulia Marenkova\u003c\/strong\u003e om de uitvoering te doen \u003cstrong\u003ede bakkebaarden van zijn showpoedels\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGewenst effect\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEffect \u003cstrong\u003edroge voeding\u003c\/strong\u003e Dit maakt de haarvezels niet vet – het haar blijft droog aanvoelen in de folieverpakking, waardoor het \u0026quot;verstikte haar\u0026quot;-effect wordt voorkomen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBevordert de groei\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBij de langdurige behandeling van papilloten wordt deze toepassingsmethode gebruikt. \u003cstrong\u003ebevordert actief de groei\u003c\/strong\u003e en de kwaliteit van het nieuwe haar dankzij het biotechnologische mineraalcomplex.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 18px; padding: 14px 18px; background: #f5f5f7; border: 1px solid #e5e5e7; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e📌 \u003cstrong\u003eBelangrijk :\u003c\/strong\u003e Bombastisch \u003cstrong\u003eis geen gladmakend product\u003c\/strong\u003e. Het versterkt de vachtstructuur en verbetert de weerstand van het haar tegen borstelen en föhnen, maar is niet bedoeld voor mechanisch steilen.Voor een egaliserend effect, combineer het met \u003cstrong\u003eHygrovloeistof\u003c\/strong\u003e Of \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Villanelle in het hart + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eHet complete Special One-assortiment is compatibel met Bombastic. Onze favoriete combinaties: 🤝 \u003cstrong\u003eBain Pro\/Aquarosa Pro\/Aquapure Pro\/4Poodle Pro\u003c\/strong\u003e (shampoos) \u003cstrong\u003eBio-energie\u003c\/strong\u003e (voor het bad) \u003cstrong\u003eHydraterende crème\/Aqua Dolce\u003c\/strong\u003e (laatste masker) \u003cstrong\u003eAbsolute 4Poodle\/Mix Roze\/Stijl 360\u003c\/strong\u003e (afronding).\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen grondige reconstructie is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDubbele dosis: 1 eetlepel vóór het bad + 1-2 eetlepels na het bad.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEven snel je haar laten knippen in de salon…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1-2 eetlepels in de shampoo + verdunde spray na het uitspoelen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eHaarbeschermers voor grote en middelgrote showpoedels…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBombastisch \u003cstrong\u003epuur als je hond een voldoende dikke vacht heeft.\u003c\/strong\u003e (Handtekening van Yulia Marenkova, die dit graag doet bij haar grote en middelgrote poedels, zowel zwart als wit)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003egewenst gladmakend effect…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAssocieer bombastisch met \u003cstrong\u003eHygrovloeistof\u003c\/strong\u003e Of \u003cstrong\u003eHydraterende crème\u003c\/strong\u003e\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eGecontroleerde volumezone (Bouvier-achterwand, Yorkshire-gordijn)...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e❌ Niet van toepassing op deze specifieke gebieden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003ezeer beschadigde uiteinden…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eZelfgemaakt masker 50\/50 (Bombastic + koud water)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Bombastic het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Krullende vachten \u003cspan\u003e(Poedels, Bichons, Kerry Blue, Soft Coated, Bedlington…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕🦺 Alle herders \u003cspan\u003e(Australiërs, Belgen, Duitsers…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle Cocker Spaniels \u003cspan\u003e(Amerikaans, Engels)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetaanse rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibetaanse Terriër…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Engelse Toy Spaniels \u003cspan\u003e(Ruiter \u0026amp; Koning Karel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e💎 Langharen \u0026amp; zijdeachtig \u003cspan\u003e(Afghanen…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌊 Waterhonden, Retrievers \u0026amp; veehoeders \u003cspan\u003e(Newfoundlander, Berner Sennenhond, Golden Retriever…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Primitieven\/Dubbele laag \u003cspan\u003e(Spitz, Euraziaten, Samojeden…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦴 Terriërs \u003cspan\u003e(Schots, Westie, Welsh…)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — Bombastic past zich aan alle vezels aan, van de zachtste tot de meest weerbarstige.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Petdesign.fr","offers":[{"title":"1 liter","offer_id":40087665017011,"sku":"WEX-BOM1000 (51)","price":86.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-2.png?v=1651833891"},{"product_id":"blue-sky-pro-bamboo-10-l","title":"Blue Sky Pro (Bamboe) 10 Liter","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBLUE SKY PRO BAMBOO\u003c\/strong\u003e is de Special One multifunctionele shampoo verrijkt met\u003cstrong\u003ebamboemergextract\u003c\/strong\u003e. \u003cstrong\u003eWaarschuwing: dit is niet zomaar een geparfumeerde versie van de klassieke Blue Sky Pro.\u003c\/strong\u003e — Dit is een product met verschillende werkingen en voordelen, met een focus op \u003cstrong\u003eherstructurering en remineralisatie\u003c\/strong\u003e Strak, maar met behoud van zijn universele karakter.\u003c\/div\u003e \u003cdiv style=\"background: #fff3cd; border-left: 3px solid #e67e22; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 0 0 16px;\"\u003e❌ \u003cstrong\u003eBlue Sky Pro Bamboo ≠ Klassieke Blue Sky Pro.\u003c\/strong\u003e De was- en schuimkracht is minder sterk dan die van de standaard Blue Sky Pro. Voor zeer vuile huisdieren die een krachtige reiniging vereisen, kies dan de \u003cstrong\u003eBlue Sky Pro Classic of de Aquapure Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIedereen zal er wel iets van zijn gading in vinden. \u003cstrong\u003eBijzonder nuttig in woonkamers en fokfaciliteiten.\u003c\/strong\u003e Voor regelmatige onderhoudsbaden op alle soorten vachten.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eConcurrenten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"3\" cy=\"7\" cx=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle r=\"2\" cy=\"11\" cx=\"17\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBehandelaars\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eVerrijkt met een selectie van activa die fungeren als \u003cstrong\u003eom alle essentiële elementen in de jas te integreren\u003c\/strong\u003e, Blue Sky Pro Bamboo combineert milde reiniging, keratineherstel en huidverzorging. De formule \u003cstrong\u003everzachtende crème\u003c\/strong\u003e Het product is gemakkelijk aan te brengen en zorgt voor een gelijkmatige verdeling op alle soorten ondergronden.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGrondige reiniging \u0026amp; zacht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGrondige hygiëne zonder de huid te beschadigen of te irriteren — zelfs geschikt voor zeer verwaarloosde dieren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 6h18M6 6v8M10 6v10M14 6v10M18 6v8M6 18h12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eOntklitter \u0026amp; gemakkelijk poetsen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMaakt het ontwarren van knopen en het borstelen van het haar gemakkelijker.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinebescherming\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVersterkt en beschermt de keratinestructuur van de vacht en de huid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSchittering \u0026amp; elasticiteit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerbetert het uiterlijk van de vacht: natuurlijke glans en blijvende elasticiteit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eKrijg beter inzicht in de werking van de Blue Sky Pro Bamboo.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Reminéralisation\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Démêlant\", value: 3 }, { label: \"Brillance\", value: 4 }, { label: \"Moussant\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (Active JS MAPPING Blue Sky Pro Bamboo - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Blue Sky Pro Bamboo: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen natuurlijke formule gericht op de \u003cstrong\u003eherstructurering, zuivering en bescherming\u003c\/strong\u003e — Vrij van parabenen en siliconen. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Blue Sky Pro Bambou\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'bambou', label:'Extrait de Moelle de Bambou', latin:'Bambusa vulgaris', family:'botanic',\n desc:\"Actif signature aux propriétés régénérantes, reminéralisantes et apaisantes : il restitue les minéraux essentiels à la fibre et revitalise les manteaux fatigués.\",\n targets: [\n { anchor:'tige_poil', action:\"Reminéralisation\", benefit:\"Restitue les minéraux essentiels et revitalise la fibre fatiguée.\" },\n { anchor:'epiderme', action:\"Apaisement\", benefit:\"Apaise la peau et la régénère en douceur.\" }\n ]\n },\n {\n id:'thym', label:'Huile de Thym', latin:'Thymus vulgaris', family:'botanic',\n desc:\"Huile aux propriétés désodorisantes marquées, purifiantes et antioxydantes : elle assainit la peau et neutralise les mauvaises odeurs durablement.\",\n targets: [\n { anchor:'glande_seb', action:\"Purification \u0026 déodorisation\", benefit:\"Assainit la peau et neutralise les mauvaises odeurs au niveau du film cutané.\" },\n { anchor:'tige_poil', action:\"Protection antioxydante\", benefit:\"Protège la fibre du stress oxydatif.\" }\n ]\n },\n {\n id:'teatree', label:'Huile de Tea Tree (Théier)', latin:'Melaleuca alternifolia', family:'botanic',\n desc:\"Actif antiseptique naturel : il purifie, assainit et tonifie la peau, garantissant un lavage parfait même sur les zones sensibles.\",\n targets: [\n { anchor:'epiderme', action:\"Action antiseptique\", benefit:\"Purifie et assainit la peau, même sur les zones sensibles.\" },\n { anchor:'glande_sud', action:\"Effet tonifiant\", benefit:\"Tonifie la peau et limite les déséquilibres de surface.\" }\n ]\n },\n {\n id:'sawpalmetto', label:'Palmier de Floride (Saw Palmetto)', latin:'Serenoa repens', family:'cond',\n desc:\"Extrait nourrissant et protecteur : il répare la structure de la fourrure et confère un aspect exceptionnel au pelage.\",\n targets: [\n { anchor:'tige_poil', action:\"Réparation structurelle\", benefit:\"Répare la structure de la fibre et corrige ses anomalies.\" },\n { anchor:'cuticule', action:\"Aspect \u0026 toucher\", benefit:\"Confère un aspect exceptionnel et un toucher soigné au pelage.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- VERDUNNING P4: 3 eenvoudige kaarten (Verhouding · Opbrengst · Geanimeerde equivalenties) --\u003e \u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferentieverdunning\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KAART 1: Verhouding --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhouding\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1\/15 tot 1\/20, afhankelijk van de conditie\u003cbr\u003evan de vacht — zeer geconcentreerd\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 2: Opbrengst --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eOpbrengst\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 liter\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 liter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eklaar voor gebruik\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KAART 3: Geanimeerde equivalenten --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVoor \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 liter\u003c\/span\u003e eindproduct\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein volume\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003ein gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eeetlepels\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epompdrukken\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eUniverseel bad — voor alle vachttypen, alle leeftijden\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eHet basisprotocol voor een milde en herstellende onderhoudswasbeurt voor alle soorten vachten.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGeschikte verdunning\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdun Blue Sky Pro Bamboo bij \u003cstrong\u003e1\/15 of 1\/20\u003c\/strong\u003e met warm water, afhankelijk van de conditie van de vacht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eCrème aanbrengen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAanbrengen op nat haar en zachtjes inmasseren voor een optimale werking. \u003cstrong\u003ezachte en verzachtende crème\u003c\/strong\u003e. Laat het een paar minuten inwerken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDubbele shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel af en herhaal het proces een tweede keer. Spoel grondig na.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaatste verzorging\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eRond af met \u003cstrong\u003eHydraterende crème, Bombastic of Aqua Dolce\u003c\/strong\u003e afhankelijk van de behoeften van de vacht.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Blue Sky Pro Bamboo als basis + modulaire uitbreidingen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eHet complete Special One-assortiment\u003c\/strong\u003e is compatibel met de Blue Sky Pro Bamboo.Onze favoriete samenwerkingsverbanden:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen tweede, specifiek voor dit doel ontwikkelde shampoo wordt aanbevolen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen laatste retouche is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen showroomwaardige afwerking is gewenst...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Absolute 4Poodle · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen krachtige reinigingskracht is nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBlue Sky Pro Classic · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Blue Sky Pro Bamboo het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle katten\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Alle honden in de woonkamer \u003cspan\u003e(kort, dubbel of middellang haar) \u0026amp; (schaarknipsels)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — een herstellend en remineraliserend onderhoudsbad, per definitie universeel.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van parabenen en siliconen | Niet op dieren getest | Recyclebaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"autre","offers":[{"title":"Default Title","offer_id":42152219803868,"sku":"WEX-BLSKYB10L (26)","price":164.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-17.png?v=1651836024"},{"product_id":"aqua-baby-paw","title":"Aqua Baby Paw - Puppyschuimshampoo","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUA BABY PAW\u003c\/strong\u003e is de schuimende shampoo \u003cstrong\u003eultrazacht\u003c\/strong\u003e Special One, met liefde samengesteld. \u003cstrong\u003eHet eerste badje van je puppy\u003c\/strong\u003e. Gemaakt met ingrediënten van gecontroleerde biologische oorsprong, met een heerlijke suikerspingeur, behoudt het de fysiologische balans van de tere huid van peuters - zachte, glanzende en subtiel geparfumeerde vacht.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eSpeciaal ontworpen voor \u003cstrong\u003epuppy's tot 6 maanden oud\u003c\/strong\u003e en volwassen honden met een gevoelige huid. Compatibel met alle producten uit de Special One-lijn.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDe huid van een puppy is veel gevoeliger dan die van een volwassen hond en vereist een uiterst milde reiniging. \u003cstrong\u003eZachte en voedende mousse\u003c\/strong\u003e Verwijdert grondig onzuiverheden zonder irritatie, beschadiging van de hydrolipidefilm of verstoring van de pH-balans – waardoor de vacht licht, zijdezacht en aangenaam geurend wordt. Ideaal voor frequente baden vanaf de eerste weken van het leven.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M19 4c0 6-5 11-11 11l-3 5h2l1-2c6 0 11-5 11-14z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUltrazacht \u0026amp; zeker\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGecontroleerde biologische formule, vrij van parabenen, SLES en DEA — perfect voor zelfs de meest gevoelige huid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eFysiologisch evenwicht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehoudt de natuurlijke pH-waarde van de huid en zorgt ervoor dat de hydrolipidenfilm intact blijft.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"15\" cx=\"9\"\u003e\u003c\/circle\u003e\u003ccircle r=\"3\" cy=\"9\" cx=\"15\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2\" cy=\"16\" cx=\"17\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVoedende mousse\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt grondig zonder de vacht te beschadigen — de vacht blijft zacht, glanzend en licht geparfumeerd.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGeruststelling\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVermindert mogelijke irritaties en biedt direct comfort aan de gevoelige huid van de pup.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRegelmatig baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003ePerfect geschikt voor regelmatig gebruik, zonder risico voor de huid en vacht van peuters.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDe werking van de Aqua Baby Paw beter begrijpen.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Volume\", value: 4 }, { label: \"Hydratation\", value: 3 }, { label: \"Démêlant\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (MAPPING JS actief Aqua Baby Paw - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Aqua Baby Paw: natuurlijke actieve ingrediënten \u0026amp; gerichte actie\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eVijf biologische extracten met complementaire eigenschappen, zorgvuldig geselecteerd voor de mildheid en bescherming van de jonge huid. \u003cstrong\u003eVrij van SLES, DEA en parabenen.\u003c\/strong\u003e. Hieronder wordt zone voor zone uitgelegd hoe elk actief ingrediënt inwerkt op de huid en het haar.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aqua Baby Paw\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'avoine', label:'Lait d’Avoine', latin:'Avena sativa', family:'botanic',\n desc:\"Actif emblématique des soins pour peaux sensibles : il hydrate, apaise, restaure le film hydrolipidique, maintient le pH et prévient sécheresse et rougeurs.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026 hydratation\", benefit:\"Apaise la peau délicate et prévient sécheresse et rougeurs.\" },\n { anchor:'film_hydro', action:\"Restauration du film\", benefit:\"Restaure le film hydrolipidique et maintient le pH naturel.\" }\n ]\n },\n {\n id:'coton', label:'Fleurs de Coton', latin:'Gossypium', family:'botanic',\n desc:\"Extrait émollient et frais : il maintient le manteau doux et moelleux tout en protégeant la peau des agressions extérieures.\",\n targets: [\n { anchor:'tige_poil', action:\"Douceur \u0026 moelleux\", benefit:\"Laisse le pelage doux et moelleux au toucher.\" },\n { anchor:'epiderme', action:\"Protection cutanée\", benefit:\"Protège la peau délicate des agressions extérieures.\" }\n ]\n },\n {\n id:'amande', label:'Huile d’Amande Douce', latin:'Prunus dulcis', family:'cond',\n desc:\"Riche en vitamines et acides gras essentiels : émolliente, hydratante et assouplissante, elle nourrit en profondeur et confère brillance et douceur au pelage.\",\n targets: [\n { anchor:'film_hydro', action:\"Nutrition lipidique\", benefit:\"Nourrit le film hydrolipidique en profondeur avec ses acides gras essentiels.\" },\n { anchor:'cuticule', action:\"Brillance \u0026 souplesse\", benefit:\"Assouplit la cuticule et confère brillance et douceur au pelage.\" }\n ]\n },\n {\n id:'abricot', label:'Extrait d’Abricot', latin:'Prunus armeniaca', family:'bio',\n desc:\"Illuminant, régénérant et protecteur contre la déshydratation : il revigore le manteau et le laisse léger et soyeux au toucher.\",\n targets: [\n { anchor:'tige_poil', action:\"Éclat \u0026 régénération\", benefit:\"Revigore et illumine le manteau pour un toucher léger et soyeux.\" },\n { anchor:'film_hydro', action:\"Anti-déshydratation\", benefit:\"Protège la peau et le poil contre la déshydratation.\" }\n ]\n },\n {\n id:'camomille', label:'Camomille', latin:'Matricaria chamomilla', family:'botanic',\n desc:\"Apaisante et anti-inflammatoire : elle rééquilibre la peau, réduit les irritations et apporte une sensation de bien-être immédiate lors du bain.\",\n targets: [\n { anchor:'epiderme', action:\"Anti-inflammatoire\", benefit:\"Réduit les irritations et rééquilibre la peau délicate.\" },\n { anchor:'derme', action:\"Bien-être immédiat\", benefit:\"Apporte une sensation de bien-être et de confort en profondeur.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- Gebruiksklare inleg --\u003e \u003cdiv style=\"margin: 0 0 12px; padding: 14px 18px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e💡 \u003cstrong\u003eVoor gebruik schudden.\u003c\/strong\u003e Product \u003cstrong\u003eklaar voor gebruik\u003c\/strong\u003e — Breng onverdund aan op vochtig haar, verdunning is niet nodig.\u003c\/div\u003e \u003cdiv style=\"margin-top: 4px;\" class=\"aqr-proto-list\"\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eHet eerste badje van de pup\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eEen lief moment voor peuters\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSchud de fles\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSchud de fles goed voor gebruik om het schuim te homogeniseren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVlotte applicatie\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eToepassen \u003cstrong\u003eeen paar druppels mousse op de vochtige vacht\u003c\/strong\u003e, Masseer het mengsel vervolgens zachtjes in om het over de hele vacht te verdelen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpoelen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpoel grondig af met lauw water. Herhaal indien nodig.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eConditioner (later)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eIn eerste instantie is geen conditioner nodig. Als de behoefte na verloop van tijd, bij herhaaldelijk baden, ontstaat, kunt u overschakelen op...\u003cstrong\u003eHydraterende crème\u003c\/strong\u003e om de behandeling te verbeteren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Aqua Baby Paw in het hart + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eCompatibel met \u003cstrong\u003ealle producten in het Special One assortiment\u003c\/strong\u003e, zonder uitzondering. De enige aanbeveling voor voortgang:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe jas heeft wel wat verzorging nodig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydraterende crème als laatste conditioner\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe pup groeit (na 6 maanden)...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eUpgrade naar Aquarosa Pro of Bain Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar de Aqua Baby Paw het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle pups tot 6 maanden oud. \u003cspan\u003e(alle rassen gecombineerd)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌿 Volwassen honden met een gevoelige of reactieve huid \u003cspan\u003e(Milieuvriendelijk wasmiddel voor alle leeftijden)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen lange en niet-uitputtende lijst — een schuimende shampoo speciaal ontwikkeld voor de meest gevoelige huid.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":42162381881564,"sku":"WAQ-AQBP150 (123)","price":25.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-8.png?v=1651834650"},{"product_id":"bee-mousse-specialone","title":"Bee Mousse 150 ml - speciale honden- en kattenpad","description":"\u003c!-- ============================================== ONTWERPSYSTEEM — Visuele verfijning ============================================== --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOK 1: INTRODUCTIE --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBIJENMOSSE\u003c\/strong\u003e is de \u003cstrong\u003eontsmettingsschuim zonder naspoelen\u003c\/strong\u003e Speciaal ontworpen voor \u003cstrong\u003epoten en voetzolen\u003c\/strong\u003e van je hond. Met dank aan de \u003cstrong\u003eChloorhexidine\u003c\/strong\u003e en naar de \u003cstrong\u003ePropolis\u003c\/strong\u003e, Het desinfecteert, beschermt en hydrateert – ideaal na wandelingen, of wanneer de hond naar de trimsalon gaat om de verspreiding van virussen te beperken.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eVoor wie is dit product bedoeld?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eOntworpen voor beide \u003cstrong\u003ekapperszaken\u003c\/strong\u003e (desinfectie van de poten bij aankomst) en de \u003cstrong\u003eindividuen\u003c\/strong\u003e (na elke rit). Compatibel met alle Special One-producten.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eTrimmers\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eVeeboeren\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eIndividuen\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOK 2: EXPERTISE \u0026 RESULTATEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Resultaten\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDe poten van uw hond komen voortdurend in contact met wegen, gras, modder en soms schadelijke stoffen. Bee Mousse is een \u003cstrong\u003ereinigingsschuim dat niet hoeft te worden afgespoeld\u003c\/strong\u003e Het reinigt en beschermt – zonder uit te drogen, zonder vet te maken en zonder vlekken op de vloer achter te laten. Handig in gebruik, het is in twee seconden aan te brengen.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDiep reinigende werking\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eChlorhexidine + propolis: verwijdert bacteriën en onzuiverheden van de maandverbanden, voorkomt infecties en irritaties.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eZuiveren \u0026amp; verzacht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003ePropolis (\u0026quot;het natuurlijke antibioticum\u0026quot;) reinigt de huid van de voetzooltjes en verzacht kleine snijwondjes, schrammen of roodheid.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDelicaat \u0026amp; hydraterend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMilde formule die de poten niet uitdroogt — de poten blijven soepel, zonder scheurtjes of uitdroging.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSnel \u0026amp; zonder water\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eWater of afspoelen is niet nodig: aanbrengen in twee seconden na elke wandeling of bij aankomst in de salon.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREENHEID (verplaatst naar Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDe werking van Bee Mousse beter begrijpen.\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEen gedetailleerde analyse van de cosmetische prestaties, noot voor noot.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Action assainissante\", value: 5 }, { label: \"Hydratation\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOK 3: COMPOSITIE (MAPPING JS active Bee Mousse - geverifieerd) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSamenstelling van Bee Mousse: doelgerichte actieve ingrediënten \u0026amp; actie op de pads\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eTwee middelen specifiek gericht op het reinigen en beschermen van de maandverbanden — \u003cstrong\u003eVrij van SLES, DEA en parabenen.\u003c\/strong\u003e. Hieronder wordt zone voor zone uitgelegd hoe elk actief bestanddeel inwerkt op de huid van de poten.\u003c\/p\u003e \u003c!-- KAARTVERZAMELING --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Bee Mousse\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'chlorhexidine', label:'Chlorhexidine', latin:'Antibactérien \u0026 antifongique', family:'bio',\n desc:\"Puissant antibactérien et antifongique de référence : elle élimine les micro-organismes accumulés sur les coussinets après chaque sortie et prévient infections et irritations.\",\n targets: [\n { anchor:'epiderme', action:\"Désinfection ciblée\", benefit:\"Élimine bactéries et germes accumulés sur la peau des coussinets.\" },\n { anchor:'glande_sud', action:\"Prévention des infections\", benefit:\"Réduit les déséquilibres bactériens et prévient les infections cutanées.\" }\n ]\n },\n {\n id:'propolis', label:'Propolis', latin:'« L’antibiotique naturel »', family:'botanic',\n desc:\"Résine d’abeille aux propriétés antiseptiques, lénifiantes et protectrices : elle apaise les petites coupures et griffures, et favorise la régénération de la peau des coussinets.\",\n targets: [\n { anchor:'epiderme', action:\"Cicatrisation douce\", benefit:\"Apaise les petites coupures, griffures ou rougeurs et soutient la régénération.\" },\n { anchor:'film_hydro', action:\"Protection durable\", benefit:\"Protège la peau des coussinets des agents extérieurs et la maintient souple.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOK 4: PROTOCOLLEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocollen \u0026amp; Gebruikssuggesties\u003c\/h2\u003e \u003c!-- Gebruiksklare inleg --\u003e \u003cdiv style=\"margin: 0 0 12px; padding: 14px 18px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e💡 \u003cstrong\u003eVoor gebruik schudden.\u003c\/strong\u003e Mousse \u003cstrong\u003eklaar voor gebruik\u003c\/strong\u003e, \u003cstrong\u003egeen spoeling\u003c\/strong\u003e — rechtstreeks aanbrengen op de pads, zonder water of verdunning.\u003c\/div\u003e \u003cdiv style=\"margin-top: 4px;\" class=\"aqr-proto-list\"\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAanbrengen op de pads\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eEen kort gebaar na elke wandeling of bij aankomst in de salon.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSchud de fles\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSchud de fles goed voor elk gebruik om het schuim te homogeniseren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eRuimhartige aanvraag\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eToepassen \u003cstrong\u003eIk heb het schuim royaal aangebracht op de uiteinden van de vuile pads.\u003c\/strong\u003e, zonder dat er water nodig is.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAfvegen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVeeg af met een \u003cstrong\u003eschone handdoek\u003c\/strong\u003e. Laat geen sporen achter op de grond — direct weer klaar voor gebruik.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBelangrijkste toepassingen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e \u003cstrong\u003eIn de woonkamer\u003c\/strong\u003e, Bij aankomst van de hond, om zijn poten te desinfecteren en de verspreiding van externe virussen te voorkomen. \u003cstrong\u003eIn de privéwoning\u003c\/strong\u003e, bij terugkomst van elke dagelijkse wandeling.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOK 5: VERENIGINGEN \u0026 RACES --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAanbevolen verenigingen \u0026amp; Races\u003c\/h2\u003e \u003c!-- Bijenmousse in het hart + modulaire supplementen Als... → Dan --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eCompatibel met \u003cstrong\u003ealle producten in het Special One assortiment\u003c\/strong\u003e, Zonder uitzondering is het een dagelijks supplement, onafhankelijk van het baden.\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eDe hond komt aan bij de trimsalon…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDesinfecteer de poten met Bee Mousse voordat u met andere behandelingen begint.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eterug van een wandeling bij de privéwoning…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eSnel aan te brengen — geen water nodig, in 2 seconden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eALS\u003c\/span\u003e \u003cspan\u003eEen volledig bad is dan gewenst…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eCompatibel met alle Special One shampoos.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Races in ronde pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWaar Bee Mousse het verschil maakt:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle honden \u003cspan\u003e(alle rassen, alle leeftijden)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏠 Vakbeurzen \u0026amp; individuen \u003cspan\u003e(dagelijks gebruik, onafhankelijk van het baden)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEen simpele hygiënemaatregel om in de dagelijkse routine op te nemen — na een wandeling, bij aankomst in de salon.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch afbreekbaar +90% | Vrij van SLES, DEA, parabenen en siliconen | Niet op dieren getest | Herbruikbaar HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Petdesign.fr","offers":[{"title":"Default Title","offer_id":42162385223900,"sku":"WAQ-AQBEMO150 (139)","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-7.png?v=1651834521"},{"product_id":"catalogue-special-one-download","title":"Catalogue Petdesign (papier ou téléchargeable gratuitement)","description":"\u003cp\u003e\u003ca href=\"https:\/\/bit.ly\/CataloguePetdesignFR\"\u003e✅​ Cliquez ici pour télécharger le fichier au format pdf\u003cspan style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 1.4em;\"\u003e \u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003eEn version papier : un seul catalogue par commande. \u003c\/p\u003e","brand":"Petdesign.fr","offers":[{"title":"Papier","offer_id":42928752885980,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":false},{"title":"Informatique","offer_id":42928752918748,"sku":"CAT-SO-2023","price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Magazine_64446519-cc5e-4122-9a51-fce43ba6558d.png?v=1675851233"},{"product_id":"aqua-vita-le-pouvoir-de-la-cryotherapie","title":"AQUA VITA, le pouvoir de la cryothérapie *nouveau*","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n\u003cstrong\u003eAQUA VITA – CRIO THERAPY\u003c\/strong\u003e est le produit de beauté innovant Special One aux actifs certifiés BIO — aloès, marron d'Inde et vitamine C. Une \u003cstrong\u003evraie révolution dans le toilettage professionnel\u003c\/strong\u003e : sa mousse effervescente libère la peau des scories et cellules mortes, revitalise le pelage et procure au chien une sensation de fraîcheur et de détente unique pendant le traitement.\u003c\/div\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\n\u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — du salon professionnel au particulier souhaitant offrir une expérience spa à son animal.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n\u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC RADAR : DIAGRAMME COSMÉTOLOGIQUE --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e\n\u003cdiv style=\"padding: 24px 28px 20px; overflow: visible;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 22px; display: block;\"\u003eDiagramme cosmétologique de l'Aqua Vita\u003c\/span\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Hydratation\", value: 4 },\n { label: \"Démêlant\", value: 2 },\n { label: \"Volume\", value: 4 },\n { label: \"Soin peau\", value: 5 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSa \u003cstrong\u003eformule effervescente unique\u003c\/strong\u003e agit comme un traitement détoxifiant — elle libère la peau des résidus et cellules mortes tout en revitalisant le pelage en profondeur. Elle favorise la circulation sanguine cutanée pour une pousse de poils sains, protège contre le stress oxydatif et gaine légèrement le poil sans coller — toucher sec et lisse garanti.\u003c\/p\u003e\n\u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n\u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitalisation :\u003c\/strong\u003e Aloès, marron d'Inde et vitamine C confèrent vitalité et brillance inégalées à la peau et au pelage.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation \u0026amp; apaisement :\u003c\/strong\u003e L'aloès élimine les cellules mortes, stimule la régénération cutanée et réduit l'inflammation.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eCirculation sanguine :\u003c\/strong\u003e Le marron d'Inde renforce la peau, favorise la croissance de poils sains et réduit démangeaisons et irritations.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eProtection antioxydante :\u003c\/strong\u003e La vitamine C protège contre les radicaux libres, prévient la perte de pigmentation et contribue à la production de collagène.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDémêlage \u0026amp; brushing facilité :\u003c\/strong\u003e Lisse la fibre, limite les nœuds et laisse un toucher sec et soyeux.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFraîcheur \u0026amp; détente :\u003c\/strong\u003e L'effet Crio Therapy procure une sensation immédiate de fraîcheur et de bien-être pendant le traitement.\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eBooster universel :\u003c\/strong\u003e S'intègre dans le shampoing, le masque ou le conditionneur pour amplifier leurs effets.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 3 : ACTIFS --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003ePrincipes actifs certifiés BIO — sans parabens, sans silicone.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Aloès (Aloe Vera)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eGrâce à son acide salicylique, élimine les cellules mortes, stimule la régénération cellulaire et réduit l'inflammation. Hydrate sans graisser et lisse la fibre pour limiter les nœuds.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Marron d'Inde (Hippocastanum)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eFavorise la circulation sanguine cutanée — renforce la peau, améliore la santé du pelage, réduit les démangeaisons, les irritations et resserre les pores.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Vitamine C\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003ePuissant antioxydant — protège contre les radicaux libres, prévient la décoloration du pelage et stimule la production de collagène pour une peau saine et élastique.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Caféine\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eTonifiante et stimulante — ravive l'éclat naturel du poil, tonifie les longueurs affaissées et renforce l'action antioxydante de la vitamine C.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n\u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eExemple 1 🔥 Application directe — soin revitalisant\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003eSur poil propre et humide :\u003cbr\u003e1. Appliquez une quantité suffisante d'Aqua Vita sur les zones présentant des problèmes (pellicules, peau grasse, mauvaises odeurs, poil terne).\u003cbr\u003e2. Massez doucement pour faire pénétrer le produit dans le pelage et la peau.\u003cbr\u003e3. Laissez agir \u003cstrong\u003e5 minutes\u003c\/strong\u003e — les actifs travaillent à revitaliser la peau et le pelage.\u003cbr\u003e4. Rincez si souhaité, ou laissez sécher naturellement — le rinçage n'est généralement pas nécessaire.\u003cbr\u003e5. Peignez et procédez au séchage habituel.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n\u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eExemple 2 🔥 Booster — intégré au shampoing, au masque ou au conditionneur\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003ePour amplifier les effets de vos soins habituels :\u003cbr\u003e💫 Ajoutez \u003cstrong\u003eune touffe de mousse dans le masque pré-bain Bio Energy concentré\u003c\/strong\u003e — cela active la formule et amplifie l'action hydratante dès la phase pré-bain.\u003cbr\u003e💫 Ajoutez Aqua Vita directement dans votre \u003cstrong\u003eshampoing\u003c\/strong\u003e pour renforcer son pouvoir revitalisant.\u003cbr\u003e💫 Mélangez-le à votre \u003cstrong\u003ecrème ou baume conditionneur\u003c\/strong\u003e pour une hydratation supplémentaire.\u003cbr\u003e💫 Ajoutez-le à l'\u003cstrong\u003eAquablu Pro\u003c\/strong\u003e pour intensifier la pénétration du pigment bleu dans la structure du poil (effet anti-jaunissement renforcé).\u003cbr\u003eL'effet effervescent favorise la pénétration des actifs dans la fibre — une efficacité amplifiée à chaque utilisation.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n\u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eExemple 3 🔥 Conditionneur léger avant séchage\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003ePour conditionner le pelage avant le séchage :\u003cbr\u003e1. Après le bain, sur poil propre et essoré, appliquez une \u003cstrong\u003epetite quantité d'Aqua Vita\u003c\/strong\u003e.\u003cbr\u003e2. Peignez pour distribuer uniformément.\u003cbr\u003e3. Séchez comme à l'habitude — le poil est gainé légèrement sans coller, le brushing est fluide et le toucher final sec et lisse.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\u003cstrong\u003eToute la gamme Special One est compatible avec Aqua Vita\u003c\/strong\u003e — il s'intègre à n'importe quelle étape du protocole de bain. Association particulièrement efficace avec \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (activation de la formule) et \u003cstrong\u003eAquablu Pro\u003c\/strong\u003e (boost anti-jaunissement par effet effervescent).\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eTous les chiens et chats, toutes races, tous âges\u003c\/strong\u003e — universellement bénéfique sur n'importe quel type de pelage.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n\u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION OPTIONNELLE : TABLEAU TECHNIQUE (hors template) --\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; padding: 30px 20px; border-top: 2px dashed #e5e5e5;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #bbb; margin-bottom: 5px; display: block;\"\u003eDocumentation technique\u003c\/span\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 20px; display: block;\"\u003eComment fonctionne exactement ce produit ?\u003c\/span\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 8px;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eAction sur le poil — structure, texture, brillance\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eRedonne souplesse et élasticité\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eProtéines, phospholipides, sorbitol\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eRavive l'éclat naturel du poil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eVitamine C, caféine, aloe vera\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eTonifie les longueurs affaissées\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eCaféine, extrait de marron d'Inde\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eAssouplit les poils secs ou cassants\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003eGlycéryl stéarate, mannitol, aloe vera\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 8px;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eDémêlage, entretien \u0026amp; gestion des nœuds\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eFacilite le brushing\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eHydroxyethylcellulose, phospholipides\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eLisse la fibre pour limiter les nœuds\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eAloe vera, glycéryl stéarate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eLaisse un toucher sec et lisse\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eHydroxyethylcellulose, sorbitol\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eGaine légèrement le poil sans coller\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003ePolymères doux, agents filmogènes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 8px;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eSoins, nutrition \u0026amp; hydratation\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eHydrate peau et poil sans graisser\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eAloe vera, sorbitol, mannitol\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eNourrit les tissus cutanés\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003ePhospholipides, glycéryl stéarate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eProtège de la déshydratation\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eHydroxyethylcellulose, agents filmogènes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eApporte vitamines et antioxydants\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003eVitamine C, caféine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eDéséquilibres \u0026amp; hygiène problématique\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eApaise les peaux réactives\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eAloe vera, marron d'Inde\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eResserre les pores\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eExtrait de marron d'Inde, caféine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eRéduit les rougeurs légères\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eZinc gluconate, aloe vera\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eLutte contre le stress oxydatif\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003eVitamine C, caféine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":47792372121945,"sku":"(406)","price":19.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/ce679d60-ec5c-40ef-92fd-99a9988ab6df.png?v=1744811415"},{"product_id":"aqua-beauty","title":"AQUA BEAUTY : spray bi phase anti statique plombant gainant démêlant","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eAQUA BEAUTY\u003c\/strong\u003e est le spray conditionneur professionnel Special One qui se distingue par deux actions majeures : un \u003cstrong\u003edémêlage optimisé, aussi rapide qu'efficace\u003c\/strong\u003e, et un \u003cstrong\u003elissage \/ défrisage immédiat\u003c\/strong\u003e du pelage. Un \"must have\" dans toutes les mallettes de toilettage.\n \u003c\/div\u003e\n\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\n \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — de la mallette du toiletteur professionnel à la brosse du particulier au quotidien.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR : DIAGRAMME COSMÉTOLOGIQUE --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e\n \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eDiagramme cosmétologique de l'Aqua Beauty\u003c\/span\u003e\n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Brillance\", value: 5 },\n { label: \"Gainage\", value: 5 },\n { label: \"Volume\", value: 1 },\n { label: \"Hydratation\", value: 4 },\n { label: \"Démêlant\", value: 5 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAqua Beauty agit sur le pelage comme un \u003cstrong\u003epuissant agent restructurant et hydratant\u003c\/strong\u003e. Sa double action protège autant la fourrure mal entretenue des clients peu soigneux en salon que les manteaux très sollicités des chiens d'exposition. Un seul spray suffit pour retrouver un poil glissant, détendu et parfaitement lissé.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLissage \u0026amp; défrisage :\u003c\/strong\u003e Supprime les ondulations et les frisottis du pelage immédiatement.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eConditioning intense :\u003c\/strong\u003e Gaine, protège et conditionne fortement le poil.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDémêlage rapide :\u003c\/strong\u003e Action efficace sur les nœuds, même à sec.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-électricité statique :\u003c\/strong\u003e Élimine l'effet électrostatique pour un brossage fluide.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation :\u003c\/strong\u003e Apporte de l'eau et de la souplesse à la fibre en profondeur.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-casse :\u003c\/strong\u003e Renforce la résistance du poil et limite les ruptures.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-nœuds durables :\u003c\/strong\u003e Retarde significativement le retour des nœuds entre les bains.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBrushing facilité :\u003c\/strong\u003e Rend le poil glissant et détendu, même lorsqu'on ressent de l'accroche en début de séchage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRéparateur :\u003c\/strong\u003e Remédie aux dommages causés par le vent, la pollution et le séchage intensif au sèche-cheveux.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eNon gras :\u003c\/strong\u003e Contrairement aux huiles, il démêle sans graisser le poil — utilisable avant le bain sans risque de mauvais rinçage ni de tache sur les manteaux blancs.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation naturelle ciblée sur la restructuration, l'hydratation et l'éclat — sans parabens.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Extrait d'Orchidée\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en minéraux et polysaccharides : hydratant, adoucissant, régénérant et anti-âge. Confère au poil un effet velouté et élastique grâce à sa capacité protectrice.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Tulipe Africaine (Spathodea campanulata)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en flavonoïdes, anthocyanes et triterpénoïdes aux propriétés antioxydantes, astringentes et apaisantes. Illumine le manteau, répare les dommages causés par le vent, la pollution et le séchage au sèche-cheveux.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Protéines Hydrolysées de Blé\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eExcellent effet antistatique et filmant — sans graisser le poil. Ordonne les manteaux légers et fins, évite l'effet \"volant\" sans alourdir ni tacher.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e\n 💡 Mode d'emploi de base : vaporiser à \u003cstrong\u003e20–30 cm\u003c\/strong\u003e du poil, puis brosser ou peigner.\n \u003c\/div\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 1 🔥 Brossage quotidien entre les bains\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Aqua Beauty est \u003cstrong\u003ele compagnon idéal des brossages entre les bains\u003c\/strong\u003e. Au quotidien, vaporisez sur le manteau sec ou légèrement humidifié, à 20–30 cm.\u003cbr\u003e\n Brossez section par section. Le poil se lisse, se détend et retrouve son éclat naturel sans aucun rinçage. Résultat immédiat, manipulation rapide.\u003cbr\u003e\u003cbr\u003e\n \u003cstrong\u003e💡 Finition franges Spaniel :\u003c\/strong\u003e vaporisez directement sur les franges et peignez pour les modeler et les définir — touche finale impeccable avant une exposition.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 2 🔥 Démêlage à sec — nœuds \u0026amp; fourrures accrochantes\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Sur les zones à nœuds ou lorsque le poil accroche en début de séchage :\u003cbr\u003e\n 1. Vaporisez Aqua Beauty directement sur la zone concernée, à 20–30 cm.\u003cbr\u003e\n 2. Laissez pénétrer quelques secondes.\u003cbr\u003e\n 3. Démêlez à la main ou au peigne, puis finissez au brosse. Le poil devient \u003cstrong\u003eglissant et détendu\u003c\/strong\u003e, le démêlage s'effectue sans douleur ni casse.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 3 🔥 Finition après bain — séchage \u0026amp; brushing\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Aqua Beauty s'intègre parfaitement comme \u003cstrong\u003eétape de finition après le bain\u003c\/strong\u003e, en complément de l'Hydrating Cream ou du Bio Energy :\u003cbr\u003e\n 1. Une fois le poil partiellement séché, vaporisez Aqua Beauty sur l'ensemble du manteau.\u003cbr\u003e\n 2. Brossez section par section en continuant le séchage au sèche-cheveux.\u003cbr\u003e\n Le poil se lisse, l'électricité statique disparaît et le brushing final est nettement facilité — résultat professionnel garanti.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003eToute la gamme Special One est compatible avec Aqua Beauty. Nos alliances préférées :\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\n 🤝 \u003cstrong\u003eHydrating Cream \u0026amp; Bio Energy Plus\u003c\/strong\u003e en après-shampoing — synergie parfaite conditioning + lissage\n \u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eToutes les races, sans exception\u003c\/strong\u003e — ce produit s'adapte à tous les types de manteaux.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eMaltais\u003c\/strong\u003e — poil fin, électrostatique, sujet aux nœuds et aux taches d'huile sur robe blanche : Aqua Beauty a précisément été conçu pour répondre à ces contraintes. Le \"conditionneur des Maltais\".\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures soyeuses et longues (Yorkshire, Afghans, Cockers, Setters) — lissage et brillance remarquables.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Caniches — allège et ordonne le manteau sans le friser (à la différence d'Absolute 4Poodle, qui lui est dédié au volume).\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures doubles (Bergers, Golden, Spitz) — démêlage facilité entre les bains.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Chiens d'exposition — protection renforcée des manteaux très sollicités, fini impeccable.\u003c\/td\u003e\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 ml","offer_id":48523070013785,"sku":"WAQ-AQBE250 (30)","price":44.0,"currency_code":"EUR","in_stock":true},{"title":"1 liter","offer_id":57210605470041,"sku":"(17)","price":103.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_3.png?v=1771967180"},{"product_id":"botanic-safe","title":"BOTANIC SAFE - spray protecteur insectes","description":"\u003cp\u003eAvec l'arrivée de la saison des moustiques, il est essentiel de protéger nos amis à quatre pattes contre ces insectes gênants. Les moustiques tigres, géants ou encore les plus petits sont prêts à piquer tout le monde, y compris nos compagnons fidèles. Botanic Safe est la solution naturelle que vous attendiez pour les protéger efficacement pendant leurs promenades.\u003c\/p\u003e\n\u003cp\u003eDes nuisibles volants de toutes tailles : moustiques tigres, géants, petits et rapides, prêts à piquer tout le monde, y compris nos amis à quatre pattes. \u003c\/p\u003e\n\u003cp\u003eNotre solution ? \u003c\/p\u003e\n\u003cp\u003eLe spray de protection naturelle Botanic Safe.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #67be11;\" data-mce-style=\"color: #67be11;\"\u003e\u003cstrong\u003eBotanic Safe est un spray naturel sans gaz pour la protection contre les insectes, formulé avec des huiles essentielles.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv\u003e\u003cspan\u003eEn plus de ne contenir aucun gaz, ce spray offre une application facile et sécurisée, même lorsque le flacon est incliné.\u003c\/span\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eTout le monde y trouvera un réel intérêt !\u003c\/div\u003e\n\u003cdiv\u003e✅ Toiletteurs ✅ Eleveurs ✅ Particuliers ✅ Compétiteurs ✅ Handlers\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eDans quelle catégorie de produit rentre Botanic Safe ?\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eBotanic Safe est principalement utilisé en tant que spray protecteur contre les insectes pour les chiens, petits animaux et chevaux.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eMais beaucoup vont également apprécier ses qualités\u003cbr\u003e\n\u003c\/div\u003e\n\u003cul class=\"usage-list\"\u003e\n\u003cli\u003e👍 Avant et pendant les promenades\u003c\/li\u003e\n\u003cli\u003e👍 En protection sur les zones à poils fins ou peu de poils\u003c\/li\u003e\n\u003cli\u003e👍 En protection régulière en période de forte activité des insectes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eDans quelle catégorie de produit rentre Botanic Safe ?\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e✅ Une protection efficace contre une variété d'insectes\u003c\/li\u003e\n\u003cli\u003e✅ Une application non grasse et au parfum naturel agréable\u003c\/li\u003e\n\u003cli\u003e✅ Une formule sans produits chimiques nocifs\u003c\/li\u003e\n\u003cli\u003e✅ Un usage sûr pour les animaux et respectueux de l'environnement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eUne composition naturelle !\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eLa formulation de Botanic Safe est enrichie avec des huiles essentielles telles que :\u003c\/div\u003e\n\u003cul class=\"ingredients-list\"\u003e\n\u003cli\u003e🍀 Eucalyptus Globulus Leaf Oil (Huile de Feuille d'Eucalyptus) : Connu pour ses propriétés répulsives contre les moustiques et autres insectes, cet ingrédient aide également à apaiser les piqûres.\u003c\/li\u003e\n\u003cli\u003e🍀 Melaleuca Alternifolia Leaf Oil (Huile de Feuille de Melaleuca) : Réputé pour ses propriétés antimicrobiennes et antiseptiques, l'huile de Melaleuca est également un excellent répulsif naturel.\u003c\/li\u003e\n\u003cli\u003e🍀 Cymbopogon Winterianus Herb Oil (Huile de Citronnelle) : L'huile de citronnelle interfère avec les signaux olfactifs des insectes, les éloignant efficacement.\u003c\/li\u003e\n\u003cli\u003e🍀 Pelargonium Graveolens Flower Oil (Huile de Fleur de Géranium) : Cet ingrédient est efficace contre les moustiques et autres insectes grâce à ses composés actifs comme le geraniol et le citronellol.\u003c\/li\u003e\n\u003cli\u003e🍀 Citronellol : Un composant des huiles essentielles de citronnelle et de géranium, connu pour ses propriétés répulsives contre les moustiques.\u003c\/li\u003e\n\u003cli\u003e🍀 Geraniol : Présent dans les huiles essentielles, le geraniol est un puissant répulsif pour les moustiques.\u003c\/li\u003e\n\u003cli\u003e🍀 Limonene : Un composé aromatique avec des propriétés répulsives et insecticides, présent dans de nombreux agrumes.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eLe résultat ? \u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eUne protection naturelle efficace pour un bien-être optimal de vos animaux !\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eExemples et suggestions d'utilisations\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eExemple 1 🔥 Pour une promenade en toute tranquillité :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\nAvant de partir en promenade, vaporisez Botanic Safe sur le pelage de votre animal à une distance de 20-30 cm, en évitant la zone des yeux. Appliquez davantage sur les zones des oreilles pour une protection optimale.\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eExemple 2 🔥 Pour une protection renforcée :\u003c\/strong\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003eEn période de forte activité des insectes, appliquez Botanic Safe toutes les 4 heures pour maintenir l'effet répulsif. Si le pelage est mouillé, réappliquez le produit après séchage.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eConseils d'utilisation :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eUstensiles nécessaires :\u003cbr\u003e\n\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eUn flacon de Botanic Safe\u003c\/li\u003e\n\u003cli\u003eUn chiffon ou une éponge pour l'application\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch6\u003e\n\u003cbr\u003e1. Secouez le flacon avant chaque utilisation.\u003cbr\u003e2. Tenez le flacon à 20-30 cm de distance de l'animal.\u003cbr\u003e3. Vaporisez uniformément sur le pelage.\u003cbr\u003e4. Réappliquez toutes les 4 heures ou après une baignade.\u003c\/h6\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eBien utiliser le spray, nos conseils :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eUstensiles nécessaires :\u003cbr\u003e\n\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eUn flacon de Botanic Safe\u003c\/li\u003e\n\u003cli\u003eUn chiffon ou une éponge pour l'application\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch6\u003e\n\u003cbr\u003e1. Secouez le flacon avant chaque utilisation.\u003cbr\u003e2. Tenez le flacon à 20-30 cm de distance de l'animal.\u003cbr\u003e3. Vaporisez uniformément sur le pelage.\u003cbr\u003e4. Réappliquez toutes les 4 heures ou après une baignade.\u003c\/h6\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cdiv\u003e\n\u003cp\u003eVous pouvez appliquer sur l'animal directement ou en utilisant un chiffon. Ne rincez pas.\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eAssociations recommandées\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003eToute la gamme Special One est compatible avec Botanic Safe.\u003c\/div\u003e\n\u003cdiv\u003eCependant, nos alliances préférées sont :\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"association-list\"\u003e\n\u003cli\u003e🤝 Utilisation avec des shampoings doux comme Bain Pro qui est déjà insecticide\u003c\/li\u003e\n\u003cli\u003e🤝 Complément avec des produits apaisants après-shampoing comme Hydrating cream\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eNos engagements\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"commitments-list\"\u003e\n\u003cli\u003e✅ Cosmétiques biodégradables à +90%\u003c\/li\u003e\n\u003cli\u003e✅ Sans SLES, Sans Paraben, Sans silicone\u003c\/li\u003e\n\u003cli\u003e✅ Non testé sur les animaux\u003c\/li\u003e\n\u003cli\u003e✅ Emballage recyclable PEHD02\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cspan\u003eQuestions Fréquemment Posées :\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cul class=\"faq-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ : Quelle est la fréquence d'utilisation recommandée ?\u003c\/strong\u003e\u003cbr\u003eR : Il est conseillé de vaporiser Botanic Safe avant chaque promenade, en maintenant une distance de 20-30 cm du pelage. Réappliquez toutes les 4 heures pour un effet continu.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ : Quels sont les endroits spécifiques à couvrir ?\u003c\/strong\u003e\u003cbr\u003eR : Assurez-vous de bien couvrir l'ensemble du pelage, en portant une attention particulière aux zones des oreilles et des parties avec peu de poils.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ : Le produit est-il sûr pour une application fréquente ?\u003c\/strong\u003e\u003cbr\u003eR : Oui, Botanic Safe est un produit naturel sans risque de surdosage. Cependant, si votre animal montre des signes d'irritation, il est recommandé d'arrêter l'utilisation et de consulter un vétérinaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003cdiv class=\"section-title\"\u003e\u003cspan\u003ePolyvalence du produit :\u003c\/span\u003e\u003c\/div\u003e\n\u003cp\u003eEn plus de protéger vos animaux, Botanic Safe peut également être utilisé pour repousser les insectes autour des fenêtres et dans les environnements domestiques. Ses huiles essentielles créent une barrière naturelle contre les nuisibles.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":48582002147673,"sku":"-409","price":19.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/bb6ef296-d4a9-447c-9f10-685a518ae479-1_926fe980-0df8-465c-8dbb-c31d63455a2a.jpg?v=1723135135"},{"product_id":"ciuri-ciuri-parfum-luxe-by-special-one","title":"Ciuri Ciuri, Parfum Luxe by Special One","description":"\u003cp\u003eDécouvrez \"Ciuri Ciuri\", la dernière addition à la gamme Perfume Line de Special One, spécialement conçue pour les chiens. Ce parfum floral frais est le résultat d'une recherche olfactive avancée, visant à améliorer l'expérience de toilettage pour nos compagnons canins. Combinant des extraits naturels de violette, d'orange, de rose et de géranium, \"Ciuri Ciuri\" assure une fraîcheur durable et une douceur enveloppante.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCaractéristiques Techniques :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eComposition :\u003c\/strong\u003e Formule riche en extraits naturels de violette, fleur d'oranger, rose, géranium, jasmin et musc blanc.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat :\u003c\/strong\u003e Flacon vaporisateur de 100 ml.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité :\u003c\/strong\u003e Effet prolongé jusqu'à 24 heures voire plus, après application.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSécurité :\u003c\/strong\u003e Hypoallergénique et testé dermatologiquement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":48582173851993,"sku":"-303","price":46.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/unnamed_27352854-0de6-4185-95ef-b03c0f3da72e.jpg?v=1720434924"}],"url":"https:\/\/petdesign.fr\/nl\/collections\/cosmetiques-special-one.oembed?page=3","provider":"Petdesign.fr","version":"1.0","type":"link"}