{"title":"Neu in 1L","description":"","products":[{"product_id":"masque-toilettage-argile-verte","title":"DETOX THERAPY masque pré-bain à l'argile verte","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eEntgiftungstherapie – Spezialbehandlung | Produktdatenblatt\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\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\u003eENTGIFTUNGSTHERAPIE\u003c\/strong\u003e Es handelt sich um die Special One Professional Pre-Bath Mask, die mit grüner Tonerde formuliert ist. \u003cem\u003edas „Land, das tausend Leiden heilt“\u003c\/em\u003e — um gegen die häufigsten Hauterkrankungen bei Hunden und Katzen vorzugehen. \u003cstrong\u003eReinigend, antiseptisch, regenerierend\u003c\/strong\u003e : Ein natürliches und wirksames Heilmittel ab der ersten Behandlung. \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;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eJeder wird es als äußerst interessant empfinden – sowohl als Behandlungsmethode für Tiere mit Hautanomalien als auch als vorbeugende Maßnahme für prädisponierte Rassen.\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✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\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✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\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!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\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;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eFormuliert mit\u003cstrong\u003eGrüner Ton mit kontrollierter Bakterienbelastung\u003c\/strong\u003e, Die Detox-Therapie ist reich an Spurenelementen und Mineralien und besitzt außergewöhnliche reinigende, straffende und Anti-Aging-Eigenschaften. Sie behandelt Hautunreinheiten. \u003cstrong\u003eunter Beibehaltung des Hydrolipidfilms\u003c\/strong\u003e — ohne die Haut zu reizen, selbst bei den empfindlichsten Tieren.\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\u003eGesunde Haut:\u003c\/strong\u003e Behandelt Hautprobleme und erhält dabei den Hydrolipidfilm, ohne Irritationen zu verursachen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGeruchsabweisend:\u003c\/strong\u003e Bekämpfung von unangenehmen Gerüchen, die mit Hauterkrankungen und mangelhafter Talgproduktion zusammenhängen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVielseitig :\u003c\/strong\u003e Hilft bei der Bekämpfung aller Formen von Haarausfall, Juckreiz, Reizungen und Hot Spots.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGründliche Desinfektion:\u003c\/strong\u003e Reinigt und regeneriert Zellen ab der ersten Behandlung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eNeuausrichtung:\u003c\/strong\u003e Reguliert überschüssigen Talg und bringt sowohl ölige als auch trockene Haut wieder ins Gleichgewicht.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGewebeoxygenierung:\u003c\/strong\u003e Strafft und stimuliert die kutane Mikrozirkulation, verbessert die Sauerstoffversorgung und Vitalität der Haut.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti Schuppen:\u003c\/strong\u003e Reguliert die Kopfhaut und reduziert Schuppen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBeruhigend:\u003c\/strong\u003e Beruhigt gereizte oder reaktive Haut – ideal nach dem Wachsen oder kräftigem Bürsten.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEntgiftung \u0026amp; erfrischend:\u003c\/strong\u003e Reinigt gründlich und sorgt gleichzeitig für ein sofortiges Frischegefühl.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniversal:\u003c\/strong\u003e Geeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\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 natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine 100% natürliche Rezeptur, die auf die Reinigung, den Schutz und die Regeneration der Haut abzielt – ohne Parabene, ohne Silikone.\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; Grüner Ton (Fullererde)\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eMit kontrollierter Bakterienbelastung: absorbierend, antiseptisch und antibakteriell. Nimmt Talg und Unreinheiten auf, reinigt und regeneriert die Haut porentief.\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🍀 Allantoin\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eBeruhigend und regenerierend – schützt die Haut vor Rötungen und Reizungen, fördert die Heilung empfindlicher Hautpartien.\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🍀 Extrakt aus Fucus Vesiculosus-Algen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eReich an Meeresmineralien – verbessert die Hautelastizität, verleiht dem Fell Stärke und natürlichen Glanz.\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🍀 Hydrolysiertes Kollagen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eSpendet Feuchtigkeit und stärkt die Hautstruktur – verbessert die Elastizität und den allgemeinen Hautzustand.\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🍀 Kalium\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eReguliert die Zellhydratation und erhält die Hautelastizität für ein geschmeidiges und widerstandsfähiges Fell.\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🍀 Kalzium\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eStärkt die natürlichen Abwehrkräfte der Haut – hilft, besser vor äußeren Einflüssen und Reizungen zu schützen.\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🍀 Reinigungskomplex\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eEin Komplex aus ausgleichenden Wirkstoffen, der die Haut lange sauber und frisch hält – bekämpft unangenehme Gerüche und Forfora.\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!-- BLOCK 4: PROTOKOLLE --\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;\"\u003eProtokolle \u0026amp; Anwendungshinweise\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\u003eImmer auf trockenes, noch verschmutztes Fell auftragen.\u003c\/strong\u003e Vor dem Shampoonieren nicht ausspülen – das erste Shampoo wird direkt auf die noch getragene Maske aufgetragen. \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\u003eBeispiel 1 🔥 Standardanwendung – Hygiene \u0026amp; Reinigung\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e 1. Detox-Therapie mit Wasser verdünnen (\u003cstrong\u003e1\/10 bis 1\/20\u003c\/strong\u003e (je nach gewünschter Intensität) oder auftragen \u003cstrong\u003eRein auf Bereiche, die eine lokale und intensive Behandlung erfordern\u003c\/strong\u003e.\u003cbr\u003e 2. Auf trockenes, fettiges Haar auftragen. Sanft einmassieren, damit die Maske einziehen kann.\u003cbr\u003e 3. Lassen Sie es ruhen. \u003cstrong\u003e5 bis 10 Minuten\u003c\/strong\u003e.\u003cbr\u003e 4. Das Shampoo ohne vorheriges Ausspülen direkt auftragen. \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e auf der Maske.\u003cbr\u003e 5. Zum Schluss eine Spülung auftragen: \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e und\/oder \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\u003eBeispiel 2 🔥 Heilende Behandlung – Haarausfall, Juckreiz, Hotspots, Reizungen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Bezüglich Tieren mit gemeldeten Hautanomalien:\u003cbr\u003e 1. Die Maske auftragen. \u003cstrong\u003erein auf die betroffenen Bereiche\u003c\/strong\u003e (Hotspots, juckende Stellen, kahle Stellen).\u003cbr\u003e 2. Verdünnen auf \u003cstrong\u003e1\/10\u003c\/strong\u003e Zur Anwendung auf dem restlichen Körper.\u003cbr\u003e 3. Sanft einmassieren und einwirken lassen. \u003cstrong\u003e10 Minuten\u003c\/strong\u003e Mindestvoraussetzungen für maximale therapeutische Wirkung.\u003cbr\u003e 4. Gehen Sie direkt zu\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e ohne vorheriges Abspülen.\u003cbr\u003e Dieses Vorgehen kann bei jedem Bad wiederholt werden, bis eine sichtbare Verbesserung des Hautzustands eintritt. \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\u003eBeispiel 3 🔥 Nachbehandlung nach der Haarentfernung \u0026amp; gesundes Nachwachsen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Eine Entgiftungstherapie wird besonders empfohlen \u003cstrong\u003eunmittelbar nach der Haarentfernung\u003c\/strong\u003e :\u003cbr\u003e 1. Tragen Sie die Maske pur oder leicht verdünnt auf die noch trockenen, gewachsten Stellen auf.\u003cbr\u003e 2. Sanft einmassieren – grüne Tonerde beruhigt gereizte Haut nach der Haarentfernung sofort.\u003cbr\u003e 3. 5 bis 10 Minuten einwirken lassen, dann fortfahren mit\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e ohne Abspülen.\u003cbr\u003e Die reinigende und regenerierende Wirkung von Ton bereitet die Haarfollikel vor auf \u003cstrong\u003egesundes und qualitativ hochwertiges Nachwachsen\u003c\/strong\u003e. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\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;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eDie gesamte Special One-Produktreihe ist mit der Detox-Therapie kompatibel. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e im Shampoo (eine Kombination wird stets empfohlen) 🤝 \u003cstrong\u003eFeuchtigkeitscreme, Bombastic, Aqua Dolce\u003c\/strong\u003e in der endgültigen Maske \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 Katzen und Hunde, die die oben genannten Hautanomalien aufweisen – kurative Anwendung.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Rassen, die gewachst werden – sofortige Nachbehandlung nach dem Wachsen für ein schönes Nachwachsen.\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, für die eine vorbeugende Anwendung empfohlen wird\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Französische Bulldogge \u0026amp; Möpse – Haut mit Falten, Seborrhö und häufigen Reizungen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Chinesischer Schopfhund – nackte Haut besonders anfällig für Aggressionen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Golden Retriever – neigt zu Hautreizungen und übermäßiger Talgproduktion.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Shar-Pei — Haut mit tiefen Falten, anfällig für Infektionen und Hautungleichgewichte.\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 abbaubar (über 90 %) | Frei von Parabenen, DEA und Silikonen | Nicht an Tieren getestet | Recycelbares 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, shampoing soin à l'argile","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\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!-- BLOCK 1: EINLEITUNG --\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 ist das Special One Professional Shampoo, das mit\u003cstrong\u003egrüner Ton und Minze\u003c\/strong\u003e, Speziell für Haut, die einer Behandlung bedarf. \u003cstrong\u003ereinigt und klärt porentief\u003c\/strong\u003e unter Schonung des Hydrolipidfilms – ohne Kompromisse beim Ergebnis: hervorragende Optik und perfektes Föhnergebnis. \u003c\/div\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e Es ist auch \u003cstrong\u003eDas ideale Shampoo für Hunde mit Geruchsproblemen\u003c\/strong\u003e : Dank Aqua Terme beendet jeder die Körperpflege mit einem herrlich frischen Duft. \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;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden – \u003cstrong\u003eHeilmittel\u003c\/strong\u003e bei Tieren mit Hautanomalien und bei \u003cstrong\u003epräventiv\u003c\/strong\u003e bei entsprechend veranlagten Rassen.\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\"\u003eHundefriseure\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\"\u003eViehhalter\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\"\u003eEinzelpersonen\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\"\u003eWettbewerber\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\"\u003eBetreuer\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!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\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;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDank seines Inhalts \u003cstrong\u003egrüner Ton und Minzextrakt\u003c\/strong\u003e, Aqua Terme Pro reinigt porentief, beruhigt trockene oder empfindliche Haut und verleiht stumpfem Fell neuen Glanz und Frische. Die Pflegeformel beeinträchtigt die Fellpflege nicht. \u003cstrong\u003eTherapeutische Wirkung und makellose visuelle Ergebnisse gehen 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\"\u003eGesunde Haut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehandelt Hautprobleme und erhält dabei den Hydrolipidfilm, ohne Irritationen zu verursachen.\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\"\u003eGeruchsresistent\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBekämpft unangenehme Gerüche, die mit Hauterkrankungen und Talgproduktion zusammenhängen.\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\"\u003eVielseitig\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHilft bei der Bekämpfung von Haarausfall, Juckreiz, Reizungen und Hot Spots.\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\"\u003eHygiene \u0026amp; Reinigung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und regeneriert die Zellen bereits ab der ersten Anwendung tiefenwirksam.\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\"\u003eAnti Schuppen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReguliert die Kopfhaut und reduziert Schuppenbildung deutlich.\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\"\u003eBeruhigend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBeruhigt gereizte oder reaktive Haut – ideal nach dem Wachsen oder kräftigem Bürsten.\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\"\u003eSüßigkeiten \u0026amp; Frische\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht stumpfem, leblosem Fell neuen Glanz und Frische.\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\"\u003eDas Tragen von feinen Pelzen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht sehr feinem, kraftlosem Haar Fülle (z. B. grauen, roten Pudeln).\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\"\u003eEntgiftung \u0026amp; erfrischend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBeseitigt Giftstoffe und Hautunreinheiten und sorgt für ein sofortiges Frischegefühl.\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-Alopezie\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEmpfohlen zur wöchentlichen Anwendung im Rahmen des Nachsorge- und Nachwuchsprotokolls.\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\"\u003eAußergewöhnlicher Schaumstoff\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMousse eignet sich hervorragend für den Einsatz in Salons: einfache Anwendung und gute Verteilung der Wirkstoffe.\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\"\u003eProfessionelles Ergebnis\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eKompromisslose Pflegewirkung – umwerfendes Aussehen und perfektes Föhnergebnis.\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!-- RADAREINHEIT (verschoben unter 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;\"\u003eDie Wirkungsweise von Aqua Terme Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\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!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS active Aqua Terme Pro - zuverlässig) --\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;\"\u003eZusammensetzung von Aqua Terme Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEin vollständig natürlicher Mineral- und Pflanzenkomplex — \u003cstrong\u003eGrüner Ton, Minze und reinigende Pflanzen\u003c\/strong\u003e, Frei von SLS, Parabenen und Silikonen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken – Zone für Zone.\u003c\/p\u003e \u003c!-- ABBILDUNG --\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!-- BLOCK 4: PROTOKOLLE --\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;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\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\"\u003eEin Teil auf 20 Teile Wasser\u003cbr\u003e— oder rein\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\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 l\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 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\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 Volumen\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\u003eim 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\"\u003eEsslöffel\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\"\u003ePumpendrücke\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\"\u003eSchnelle Pflege \u0026amp; Haut beruhigen\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\"\u003eFür ein wirksames und wohltuendes tägliches 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\"\u003eErstes Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie das Bad direkt mit dem\u003cstrong\u003eAqua Terme Pro verdünnt\u003c\/strong\u003e Auf nassem Fell anwenden. Ausspülen.\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\"\u003eZweite Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWenden Sie eine an \u003cstrong\u003ezweites Shampoo\u003c\/strong\u003e, anschließend erneut abspülen.\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\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZum Schluss den passenden Conditioner auftragen: \u003cstrong\u003eFeuchtigkeitscreme, Bombastic oder 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; Tiefenbehandlung – für Haut, die intensive Pflege benötigt\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\"\u003eBei Haut mit ausgeprägten Hautanomalien\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\"\u003eDetox-Maske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDie Maske vor dem Baden auftragen. \u003cstrong\u003e10-minütige Entgiftungstherapie\u003c\/strong\u003e auf trockenem 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\"\u003eBehandlung ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGehen Sie direkt zu\u003cstrong\u003eAqua Terme Pro No-Rinse\u003c\/strong\u003e zwischen den beiden Phasen.\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\"\u003eDoppelte Haarwäsche \u0026amp; gelegt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAusspülen und anschließend erneut shampoonieren. \u003cstrong\u003e5 Minuten einwirken lassen\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\"\u003eRestaurative Oberfläche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme + 4 Elementöle\u003c\/strong\u003e, Spülen Sie anschließend die Spülung aus.\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!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\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;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Aqua Terme Pro in seiner Basis + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit Aqua Terme Pro kompatibel. Unsere Lieblingskombinationen:\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\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Tauchermaske ist vor dem Schwimmen unerlässlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eEntgiftungstherapie\u003c\/strong\u003e (immer empfehlenswert)\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine letzte Behandlung ist notwendig…\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 Feuchtigkeitscreme\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\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDie Haut reagiert sehr stark…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme + 4 Elementöle\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!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Aqua Terme Pro den Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦊 Spitz · Alopezie X \u003cspan\u003e(wöchentliches Bad: Outfit, Wachstum) \u0026amp; Dichte)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Graue, rote Pudel \u0026amp; wilde Tiere \u003cspan\u003e(feines Haar: halten) \u0026amp; (Nachwachsen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Katzen \u0026amp; Hunde mit Hautanomalien \u003cspan\u003e(Heilanwendung)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Rennen, die gewachst sind \u003cspan\u003e(Nachwachsen nach der Haarentfernung)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Französische Bulldogge \u0026amp; Möpse \u003cspan\u003e(Falten, Seborrhö, Reizungen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Chinesischer Schopfhund \u003cspan\u003e(unbedeckte, nackte Haut)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦮 Golden Retriever \u003cspan\u003e(Reizungen) \u0026amp; (überschüssiger Talg)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Shar-Pei \u003cspan\u003e(tiefe Falten, Hautungleichgewichte)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eNicht abschließende Liste – sowohl zur kurativen als auch zur präventiven Anwendung bei empfindlicher und prädisponierter Haut.\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 abbaubar (über 90 %) | Frei von SLS, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\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":"absolute-4poodle-toilettage-caniche","title":"Absolute 4Poodle – Das beste antistatische Volumenspray","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\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 Special One ist das antistatische Pflegespray, das sich für alle Haartypen mit Volumen oder für zu glättendes Haar eignet. Seine wertvolle Formel ist angereichert mit \u003cstrong\u003eKaschmirproteine ​​und Extrakt aus weißem Alba-Trüffel\u003c\/strong\u003e — verleiht dem Mantel Textur und Volumen, ohne ihn zu beschweren. \u003cstrong\u003eEinzigartig auf dem Markt\u003c\/strong\u003e wegen des Glanzes und der Glättungswirkung, die es verleiht. \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;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eUnverzichtbar für Rassen, deren Fell sich aufplustert, lockt oder vor dem Scheren oder Ausstellen gebändigt werden muss.\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✅ Hundefriseure\u0026amp; \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\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✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\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!-- RADAR-BLOCK: KOSMETOLOGISCHES DIAGRAMM --\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;\"\u003eKosmetologisches Diagramm von 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!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\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;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAbsolute 4Poodle ist gebrauchsfertig, spendet der lockigen Fellstruktur Feuchtigkeit und hilft dabei, \u003cstrong\u003eZähmen Sie selbst die widerspenstigsten Locken\u003c\/strong\u003e. Schon nach der ersten Anwendung ist das Fell leicht, mit Feuchtigkeit versorgt und natürlich geschmeidig – bereit zum Trimmen, Stylen oder für Ausstellungen. Es eignet sich auch ideal als Last-Minute-Pflege, wenn das Fell kraus wird oder an Volumen verliert.\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\u003eHaarglättung \u0026amp; Volumen:\u003c\/strong\u003e Bändigt Locken und verleiht Textur, ohne das Fell zu beschweren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAußergewöhnliche Brillanz:\u003c\/strong\u003e Ein strahlendes und seidiges Ergebnis bereits nach der ersten Anwendung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatisch:\u003c\/strong\u003e Beseitigt elektrostatische Aufladung für ein gepflegtes und ordentliches Fell.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFülleffekt:\u003c\/strong\u003e Die Alba-Trüffel sorgt für dauerhafte optische Dichte und Elastizität.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFlüssigkeitszufuhr \u0026amp; Kompaktheit:\u003c\/strong\u003e Kaschmirproteine ​​sorgen für ein dichtes, glänzendes und gepflegtes Fell.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRegeneration beim Zähneputzen:\u003c\/strong\u003e Revitalisiert das Fell mit jedem Pinselstrich.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBereit für den Schnitt:\u003c\/strong\u003e Ideal vor dem Schneiden mit der Schere – das Haar ist perfekt entspannt und gleichmäßig.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eUnsichtbar unter allen Kleidern:\u003c\/strong\u003e Keine sichtbaren Rückstände, unabhängig von der Fellfarbe.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMehrfachanwendung:\u003c\/strong\u003e Kann mehrmals täglich ohne Ansammlungsgefahr verwendet werden.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eSignaturduft:\u003c\/strong\u003e Eine elegante und anhaltende Duftnote, signiert Special One.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\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 natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine kostbare und raffinierte Formel, die auf zwei außergewöhnlichen Inhaltsstoffen basiert, die in Tierkosmetik selten verwendet werden.\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🍀 Kaschmirproteine\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eSie machen das Fell kompakt, glänzend und spenden Feuchtigkeit. Sie bilden eine leichte Schutzschicht, die lockiges Haar strukturiert, ohne es zu beschweren.\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🍀 Bio-Extrakt aus weißer Alba-Trüffel\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eItalienische Exzellenz mit außergewöhnlichen Anti-Aging- und revitalisierenden Eigenschaften. Verleiht dem Fell einen beispiellosen Volumeneffekt und dauerhafte Elastizität.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\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;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 Produkt \u003cstrong\u003esofort einsatzbereit\u003c\/strong\u003e, Unverdünnt anwenden. Aus 20–30 cm Entfernung auf trockenes oder feuchtes Fell sprühen, anschließend bürsten. \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\u003eBeispiel 1 🔥 Nach dem Baden abschließen – glätten \u0026amp; Scherenschnitt\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Der ideale letzte Schritt nach dem Baden und Abtrocknen:\u003cbr\u003e 1. Sprühen Sie Absolute 4Poodle aus einer Entfernung von 20–30 cm auf das gesamte trockene oder nasse Fell.\u003cbr\u003e 2. Bürste \u003cstrong\u003eSchicht für Schicht wird das Haar in Abschnitte unterteilt.\u003c\/strong\u003e — Das Haar entspannt sich, die Locken öffnen sich und das Volumen kommt gleichmäßig zum Vorschein.\u003cbr\u003e 3. Das Fell ist jetzt \u003cstrong\u003eperfekt diszipliniert und bereit für den Haarschnitt mit der Schere.\u003c\/strong\u003e : Homogen, leicht, ohne Widerstand. Kann während des Schneidevorgangs beliebig oft erneut aufgetragen werden.\u003cbr\u003e Wenn Sie das Ergebnis korrigieren möchten: finalisieren Sie mit \u003cstrong\u003eFinal Fix Ecologic oder Starkgas\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 10px 12px; font-size: 12px;\"\u003e ⚠️ \u003cstrong\u003eAusnahme beim Dutt:\u003c\/strong\u003e Absolute 4Poodle sollte nicht vor dem Haarspray auf den Dutt aufgetragen werden – das Produkt würde die Haftung des Fixiermittels beeinträchtigen. \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\u003eBeispiel 2 🔥 Express-Vorbehandlung vor dem Ringen – Glätten \u0026amp; Volumenverlust\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Wenn das Haar zwischen dem Baden und dem Auftritt kraus wird oder an Volumen verliert:\u003cbr\u003e 1. Sprühen Sie Absolute 4Poodle direkt auf die betroffenen Stellen.\u003cbr\u003e 2. Bürsten Sie \u003cstrong\u003eVolumen regenerieren, elektrostatische Aufladung beseitigen\u003c\/strong\u003e und seine Form wiederherstellen.\u003cbr\u003e Sofortiges Ergebnis: ein restrukturiertes, glänzendes und makelloses Fell für den Ring – ohne komplettes Neubad. \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\u003eBeispiel 3 🔥 Tägliche Pflege mit Bürste\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\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 kann in die Pflegeroutine zwischen den Bädern integriert werden:\u003cbr\u003e 1. Aus 20–30 cm Entfernung auf den trockenen Lack sprühen.\u003cbr\u003e 2. Das Produkt sanft mit einem Pinsel auftragen. \u003cstrong\u003eregeneriert das Fell bei jedem Durchgang\u003c\/strong\u003e, Es erhält die Feuchtigkeit im Haar und reduziert das tägliche Nachlocken.\u003cbr\u003e Der charakteristische Duft von Special One lagert sich bei jedem Tragen auf dem Mantel ab. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\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;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eAbsolute 4Poodle ist der perfekte Abschluss für ein komplettes Bad. Zwei typische Anwendungsbereiche:\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\u003eBioenergie\u003c\/strong\u003e → \u003cstrong\u003e4Poodle Pro Shampoo\u003c\/strong\u003e → \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e 🔹 \u003cstrong\u003eBioenergie\u003c\/strong\u003e → \u003cstrong\u003ePlatin Pro\u003c\/strong\u003e → \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e 🔹 Falls eine Reparatur erforderlich ist: \u003cstrong\u003eEndlösung Ökologie\u003c\/strong\u003e Oder \u003cstrong\u003eStarkes Gas\u003c\/strong\u003e im Finish \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\u003ePudel (Toy, Zwerg, Standard, Royal)\u003c\/strong\u003e — Produkt, das traditionell für diese Rasse entwickelt wurde, unvergleichliches Ergebnis bei Locken.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichon Frisés, Bolonais – kontrollierte Lautstärke und Glättung.\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 Terrier, Bedlington Terrier – lockiges oder welliges Fell muss vor dem Schneiden gezähmt werden.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Rassen, deren Fell sich aufplustert, wellt oder vor dem Vorführen oder Schneiden geglättet werden muss.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Showhunde – Last-Minute-Konditionierung, Glanz und Präsentation vor dem Ring garantiert.\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 abbaubar (über 90 %) | Frei von SLES und Parabenen | Nicht an Tieren getestet | Recycelbar aus 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":"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"}],"url":"https:\/\/petdesign.fr\/de\/collections\/nouveautes-en-1l.oembed","provider":"Petdesign.fr","version":"1.0","type":"link"}