{"title":"Nouveautés en 1L","description":"","products":[{"product_id":"masque-toilettage-argile-verte","title":"DETOX THERAPY masque pré-bain à l'argile verte","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDetox Therapy – Special One | Fiche Produit\u003c\/title\u003e\n\n\n\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\u003eDETOX THERAPY\u003c\/strong\u003e est le masque pré-bain professionnel Special One formulé à l'argile verte — \u003cem\u003ela \"terre qui guérit mille maux\"\u003c\/em\u003e — pour agir contre les principales anomalies de la peau du chien et du chat. \u003cstrong\u003ePurifiante, antiseptique, régénérante\u003c\/strong\u003e : un remède naturel et efficace dès le premier traitement.\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 — en curatif sur les animaux présentant des anomalies cutanées, et en préventif sur les races prédisposées.\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 2 : EXPERTISE \u0026 RÉSULTATS --\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;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eFormulé à base d'\u003cstrong\u003eargile verte à charge bactérienne contrôlée\u003c\/strong\u003e, riche en oligo-éléments et sels minéraux, Detox Therapy possède d'extraordinaires propriétés purifiantes, tonifiantes et anti-âge. Il traite les anomalies cutanées \u003cstrong\u003etout en préservant le film hydrolipidique\u003c\/strong\u003e — sans agresser la peau, même sur les animaux les plus sensibles.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #fff; 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\u003ePeau saine :\u003c\/strong\u003e Traite les problèmes cutanés en préservant le film hydrolipidique, sans agresser.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-odeur :\u003c\/strong\u003e Lutte contre les mauvaises odeurs liées aux dérèglements épidermiques et à la mauvaise gestion du sébum.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePolyvalent :\u003c\/strong\u003e Aide à lutter contre toutes les formes d'alopécie, prurit, irritation et hot spots.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAssainissement profond :\u003c\/strong\u003e Purifie et régénère les cellules dès le premier traitement.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRééquilibrage :\u003c\/strong\u003e Régule le sébum en excès et rééquilibre aussi bien les peaux grasses que déshydratées.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eOxygénation des tissus :\u003c\/strong\u003e Tonifie et stimule la microcirculation cutanée, améliorant l'oxygénation et la vitalité de la peau.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-pellicules :\u003c\/strong\u003e Régule le cuir chevelu et réduit les squames.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eApaisant :\u003c\/strong\u003e Soulage les peaux irritées ou réactives — idéal après épilation ou brossage énergique.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDétoxifiant \u0026amp; rafraîchissant :\u003c\/strong\u003e Nettoie en profondeur tout en apportant une sensation de fraîcheur immédiate.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eUniversel :\u003c\/strong\u003e Convient aux chiens et chats de tous âges, du bébé au sénior.\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: #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;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation 100 % naturelle, axée sur l'assainissement, la protection et la régénération cutanée — sans parabens, sans silicone.\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🍀 Argile Verte (Fuller's Earth)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eÀ charge bactérienne contrôlée : absorbante, antiseptique et antibactérienne. Capte sébum et impuretés, assainit et régénère la peau en profondeur.\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🍀 Allantoïne\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eLénitive et régénérante — protège la peau des rougeurs et irritations, favorise la cicatrisation des zones sensibles.\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🍀 Extrait d'Algue Fucus Vesiculosus\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en minéraux marins — améliore l'élasticité cutanée, donne force et brillance naturelle au manteau.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Collagène Hydrolysé\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eHydrate et renforce la structure de la peau — améliore l'élasticité et la santé globale du manteau.\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🍀 Potassium\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRégule l'hydratation cellulaire et maintient l'élasticité de la peau pour un manteau souple et résistant.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Calcium\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRenforce les défenses naturelles de la peau — aide à mieux se protéger contre les agressions extérieures et les irritations.\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🍀 Purifying Complex\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eComplexe d'actifs rééquilibrants qui maintient la peau propre et fraîche durablement — lutte contre les mauvaises odeurs et la forfora.\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: #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;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \u003cdiv style=\"margin-bottom: 10px; padding: 12px 15px; background: #fff; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e\n 💡 \u003cstrong\u003eToujours appliquer sur poil sec et encore sale.\u003c\/strong\u003e Ne pas rincer avant de passer au shampoing — le premier shampoing s'applique directement sur le masque en pose.\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 🔥 Application standard — assainissement \u0026amp; purification\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 1. Diluez Detox Therapy avec de l'eau (\u003cstrong\u003e1\/10 à 1\/20\u003c\/strong\u003e selon l'intensité souhaitée) ou appliquez \u003cstrong\u003epur sur les zones à traitement localisé et intensif\u003c\/strong\u003e.\u003cbr\u003e\n 2. Appliquez sur le poil sec et sale. Massez doucement pour faire pénétrer le masque.\u003cbr\u003e\n 3. Laissez poser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e.\u003cbr\u003e\n 4. Sans rincer, appliquez directement le shampoing \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e sur le masque en pose.\u003cbr\u003e\n 5. Finalisez avec un après-shampoing : \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e et\/ou \u003cstrong\u003eBombastic\u003c\/strong\u003e.\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 🔥 Traitement curatif — alopécie, prurit, hot spots, irritations\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 animaux présentant des anomalies cutanées déclarées :\u003cbr\u003e\n 1. Appliquez le masque \u003cstrong\u003epur sur les zones affectées\u003c\/strong\u003e (hot spots, zones de prurit, plaques d'alopécie).\u003cbr\u003e\n 2. Diluez à \u003cstrong\u003e1\/10\u003c\/strong\u003e pour l'application sur le reste du corps.\u003cbr\u003e\n 3. Massez doucement et laissez agir \u003cstrong\u003e10 minutes\u003c\/strong\u003e minimum pour une action thérapeutique maximale.\u003cbr\u003e\n 4. Passez directement à l'\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e sans rincer au préalable.\u003cbr\u003e\n Ce protocole peut être répété à chaque bain jusqu'à amélioration visible de l'état cutané.\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 🔥 Post-épilation — traitement \u0026amp; repousse saine\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 Detox Therapy est particulièrement recommandé \u003cstrong\u003eimmédiatement après l'épilation\u003c\/strong\u003e :\u003cbr\u003e\n 1. Appliquez le masque pur ou légèrement dilué sur les zones épilées encore sèches.\u003cbr\u003e\n 2. Massez doucement — l'argile verte apaise instantanément les peaux réactives post-épilation.\u003cbr\u003e\n 3. Laissez poser 5 à 10 minutes, puis passez à l'\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e sans rincer.\u003cbr\u003e\n L'action purifiante et régénérante de l'argile prépare les follicules pour \u003cstrong\u003eune repousse saine et de qualité\u003c\/strong\u003e.\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: #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;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eToute la gamme Special One est compatible avec Detox Therapy. Nos alliances préférées :\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\n 🤝 \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e en shampoing (association recommandée systématiquement) ·\n 🤝 \u003cstrong\u003eHydrating Cream, Bombastic, Aqua Dolce\u003c\/strong\u003e en masque final\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\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tous les chats et tous les chiens présentant les anomalies cutanées évoquées — usage curatif.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Toutes les races qu'on épile — traitement immédiat post-épilation pour une belle repousse.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \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;\"\u003eRaces à utilisation préventive recommandée\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bouledogue Français \u0026amp; Carlins — peaux à plis, séborrhée et irritations fréquentes.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Chien Chinois à Crête — peau nue particulièrement exposée aux agressions.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Golden Retriever — tendance aux irritations et à l'excès de sébum.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Shar-Pei — peaux à plis profonds, prédisposées aux infections et aux déséquilibres cutanés.\u003c\/td\u003e\n \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, DEA, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\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\n\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: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eAQUA TERME PRO\u003c\/strong\u003e est le shampoing professionnel Special One formulé à l’\u003cstrong\u003eargile verte et à la menthe\u003c\/strong\u003e, dédié aux peaux nécessitant une action traitante. Il \u003cstrong\u003epurifie et nettoie en profondeur\u003c\/strong\u003e tout en respectant le film hydrolipidique — sans aucune concession sur le résultat : visuel superbe et brushing parfait.\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n C’est aussi \u003cstrong\u003ele shampoing idéal des chiens à problèmes d’odeur\u003c\/strong\u003e : grâce à l’Aqua Terme, tous terminent le toilettage avec une odeur merveilleusement fraîche.\n \u003c\/div\u003e\n \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;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — en \u003cstrong\u003ecuratif\u003c\/strong\u003e sur les animaux présentant des anomalies cutanées, et en \u003cstrong\u003epréventif\u003c\/strong\u003e sur les races prédisposées.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \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\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \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\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \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\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \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\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \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\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \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\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGrâce à sa teneur en \u003cstrong\u003eargile verte et extrait de menthe\u003c\/strong\u003e, l’Aqua Terme Pro purifie en profondeur, apaise les peaux déshydratées ou réactives et redonne éclat et fraîcheur aux manteaux ternes. Sa formule traitante n’a aucune incidence sur la qualité du toilettage : \u003cstrong\u003eaction thérapeutique et résultat visuel impeccable vont de pair\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePeau saine\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eTraite les problèmes cutanés en préservant le film hydrolipidique, sans agresser.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-odeur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eLutte contre les mauvaises odeurs liées aux dérèglements épidermiques et au sébum.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePolyvalent\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAide à lutter contre alopécie, prurit, irritations et hot spots.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAssainissement \u0026amp; purification\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et régénère les cellules en profondeur dès le premier usage.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-pellicules\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRégule le cuir chevelu et réduit nettement les squames.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eApaisant\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eSoulage les peaux irritées ou réactives — idéal après épilation ou brossage énergique.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDouceur \u0026amp; fraîcheur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAjoute éclat et fraîcheur aux manteaux ternes et sans vie.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eTenue des fourrures fines\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eDonne de la tenue aux poils très fins qui manquent de volume (ex. Caniches gris, roux).\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 8;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDétoxifiant \u0026amp; rafraîchissant\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eÉlimine toxines et impuretés cutanées avec une sensation de fraîcheur immédiate.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 9;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAlopécie X du Spitz\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRecommandé en bain hebdomadaire dans le protocole de suivi et de repousse.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 10;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eMousse exceptionnelle\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eMousse à merveille en salon : application aisée et bonne dépose des actifs.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 11;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eRésultat professionnel\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAction traitante sans compromis — visuel superbe et brushing parfait.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \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;\"\u003eMieux comprendre les actions de l'Aqua Terme Pro\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\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:16px 28px;overflow:visible;\"\u003e\n \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 { 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\n\n \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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Aqua Terme Pro - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \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;\"\u003eComposition de l'Aqua Terme Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn complexe minéral et végétal entièrement naturel — \u003cstrong\u003eargile verte, menthe et plantes purifiantes\u003c\/strong\u003e, sans SLS, sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \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\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \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\n\n \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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \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;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part pour 20 parts d'eau\u003cbr\u003e— ou pur\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \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\n\n \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\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide \u0026amp; peau à apaiser\u003c\/span\u003e\n \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\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour un bain efficace et apaisant au quotidien\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003ePremier shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDémarrez le bain directement avec l’\u003cstrong\u003eAqua Terme Pro dilué\u003c\/strong\u003e sur le poil mouillé. Rincez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSecond shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez un \u003cstrong\u003esecond shampoing\u003c\/strong\u003e, puis rincez de nouveau.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec l’après-shampoing adapté au besoin : \u003cstrong\u003eHydrating Cream, Bombastic ou Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eBain \u0026amp; soin profond — peau nécessitant une action intense\u003c\/span\u003e\n \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\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour les peaux présentant des anomalies cutanées marquées\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain Detox\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez le masque pré-bain \u003cstrong\u003eDetox Therapy pendant 10 minutes\u003c\/strong\u003e sur le poil sec.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eEnchaînement sans rinçage\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eEnchaînez directement avec l’\u003cstrong\u003eAqua Terme Pro sans rincer\u003c\/strong\u003e entre les deux phases.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eDouble shampoing \u0026amp; pose\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis renouvelez le shampoing. \u003cstrong\u003eLaissez poser 5 minutes\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition réparatrice\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream + Huiles 4 Éléments\u003c\/strong\u003e, puis rincez l’après-shampoing.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \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\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \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;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Aqua Terme Pro au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec l’Aqua Terme Pro. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetox Therapy\u003c\/strong\u003e (recommandé systématiquement)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final est nécessaire…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce · Bombastic · Hydrating Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ela peau est très réactive…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream + Huiles 4 Éléments\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \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\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l'Aqua Terme Pro fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🦊 Spitz · Alopécie X \u003cspan\u003e(bain hebdo : tenue, pousse \u0026amp; densité)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Caniches gris, roux \u0026amp; fauves \u003cspan\u003e(poils fins : tenue \u0026amp; repousse)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Chats \u0026amp; chiens à anomalies cutanées \u003cspan\u003e(usage curatif)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✂️ Races qu’on épile \u003cspan\u003e(repousse post-épilation)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐶 Bouledogue Français \u0026amp; Carlins \u003cspan\u003e(plis, séborrhée, irritations)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Chien Chinois à Crête \u003cspan\u003e(peau nue exposée)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🦮 Golden Retriever \u003cspan\u003e(irritations \u0026amp; excès de sébum)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐺 Shar-Peï \u003cspan\u003e(plis profonds, déséquilibres cutanés)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe non exhaustive — en curatif comme en préventif sur les peaux sensibles et prédisposées.\u003c\/p\u003e\n\n \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\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 SLS, DEA, Paraben, Silicone | 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":"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 - Le meilleur spray volume antistatique","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\u003eABSOLUTE 4POODLE\u003c\/strong\u003e est le spray de finition conditionneur antistatique Special One, dédié à toutes les races à volume ou ayant besoin d'être défrisées. Sa formule précieuse — enrichie en \u003cstrong\u003eprotéines de cachemire et extrait de truffe blanche d'Alba\u003c\/strong\u003e — donne de la texture et du volume au pelage sans l'alourdir. \u003cstrong\u003eUnique sur le marché\u003c\/strong\u003e pour la brillance et l'effet défrisage qu'il procure.\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;\"\u003eIndispensable pour les races dont le poil gonfle, frise ou nécessite d'être dompté avant la coupe ou la présentation en exposition.\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'Absolute 4Poodle\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: \"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\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;\"\u003ePrêt à l'emploi, Absolute 4Poodle hydrate la structure frisée des fourrures et aide à \u003cstrong\u003edompter les boucles, même les plus difficiles\u003c\/strong\u003e. Dès la première utilisation, le pelage est léger, réhydraté, naturellement discipliné — prêt à être coupé, coiffé ou présenté en concours. Idéal également comme conditionneur de dernière minute lorsque les poils refrisent ou perdent du volume.\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\u003eDéfrisage \u0026amp; volume :\u003c\/strong\u003e Dompte les boucles et donne de la texture sans alourdir le pelage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBrillance exceptionnelle :\u003c\/strong\u003e Résultat lumineux et satiné dès la première application.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatique :\u003c\/strong\u003e Élimine la charge électrostatique pour un manteau discipliné et ordonné.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEffet remplissage :\u003c\/strong\u003e La truffe d'Alba confère une densité visuelle et une élasticité durables.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation \u0026amp; compacité :\u003c\/strong\u003e Les protéines de cachemire rendent le pelage compact, lumineux et nourri.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRégénération au brossage :\u003c\/strong\u003e Revitalise le manteau à chaque passage de brosse.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePrêt pour la coupe :\u003c\/strong\u003e Idéal avant la coupe aux ciseaux — le poil est parfaitement détendu et homogène.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eInvisible sur toutes les robes :\u003c\/strong\u003e Aucun résidu visible, quelle que soit la couleur du pelage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMulti-application :\u003c\/strong\u003e Peut être utilisé plusieurs fois par jour sans risque d'accumulation.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eParfum signature :\u003c\/strong\u003e Note olfactive élégante et persistante, signée Special One.\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 formule précieuse et raffinée, construite autour de deux ingrédients d'exception rarement utilisés en cosmétique animale.\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🍀 Protéines de Cachemire\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRendent le pelage compact, lumineux et hydraté. Constituent une enveloppe protectrice légère qui structure le poil frisé sans l'alourdir.\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🍀 Extrait de Truffe Blanche d'Alba Bio\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eExcellence italienne aux propriétés anti-âge et revitalisantes extraordinaires. Confère un effet de remplissage sans précédent et une élasticité durable au manteau.\u003c\/span\u003e\n \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 💡 Produit \u003cstrong\u003eprêt à l'emploi\u003c\/strong\u003e, sans dilution. Vaporiser à 20–30 cm du poil sec ou humide, puis brosser.\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 🔥 Finition après bain — défrisage \u0026amp; coupe aux ciseaux\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 Étape finale idéale après le bain et le séchage :\u003cbr\u003e\n 1. Vaporisez Absolute 4Poodle sur l'ensemble du manteau sec ou humide, à 20–30 cm.\u003cbr\u003e\n 2. Brossez \u003cstrong\u003ecouche par couche en divisant le poil en sections\u003c\/strong\u003e — le poil se détend, les boucles s'ouvrent et le volume se révèle uniformément.\u003cbr\u003e\n 3. Le pelage est maintenant \u003cstrong\u003eparfaitement discipliné et prêt pour la coupe aux ciseaux\u003c\/strong\u003e : homogène, léger, sans résistance. Peut être ré-appliqué autant de fois que nécessaire pendant la coupe.\u003cbr\u003e\n Si vous souhaitez fixer le résultat : finalisez avec \u003cstrong\u003eFinal Fix Ecologic ou Strong Gaz\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e\n \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 10px 12px; font-size: 12px;\"\u003e\n ⚠️ \u003cstrong\u003eException Top-Knot :\u003c\/strong\u003e Ne pas appliquer Absolute 4Poodle sur le Top-Knot avant la laque-spray — le produit empêcherait la bonne accroche de la fixation.\n \u003c\/div\u003e\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 🔥 Retouche express pré-ring — refrisage \u0026amp; perte de volume\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 Quand le poil refrise ou perd du volume entre le bain et la présentation :\u003cbr\u003e\n 1. Vaporisez Absolute 4Poodle directement sur les zones concernées.\u003cbr\u003e\n 2. Passez la brosse pour \u003cstrong\u003erégénérer le volume, éliminer l'électrostatique\u003c\/strong\u003e et redonner de la tenue.\u003cbr\u003e\n Résultat immédiat : manteau restructuré, brillant et impeccable pour le ring — sans refaire un bain complet.\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 🔥 Brossage de maintien quotidien\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 Absolute 4Poodle peut s'intégrer dans la routine d'entretien entre les bains :\u003cbr\u003e\n 1. Vaporisez sur le manteau sec à 20–30 cm.\u003cbr\u003e\n 2. Brossez délicatement — le produit \u003cstrong\u003erégénère le pelage à chaque passage\u003c\/strong\u003e, maintient l'hydratation et limite le refrisage au quotidien.\u003cbr\u003e\n Le parfum signature Special One est déposé sur le manteau à chaque utilisation.\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: 10px;\"\u003eAbsolute 4Poodle est la touche finale d'un bain complet. Deux protocoles types :\u003c\/p\u003e\n \u003cdiv style=\"background: #fff; border: 1px solid #eee; padding: 12px 16px; font-size: 13px; margin-bottom: 15px; line-height: 2;\"\u003e\n 🔹 \u003cstrong\u003eBio Energy\u003c\/strong\u003e → \u003cstrong\u003e4Poodle Pro Shampoing\u003c\/strong\u003e → \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e\n 🔹 \u003cstrong\u003eBio Energy\u003c\/strong\u003e → \u003cstrong\u003ePlatynum Pro\u003c\/strong\u003e → \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e\n 🔹 Si fixation nécessaire : \u003cstrong\u003eFinal Fix Ecologic\u003c\/strong\u003e ou \u003cstrong\u003eStrong Gaz\u003c\/strong\u003e en finition\n \u003c\/div\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 10px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eCaniches (Toy, Nain, Moyen, Royal)\u003c\/strong\u003e — produit historiquement conçu pour cette race, résultat incomparable sur la frisure.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichons Frisés, Bolonais — volume et défrisage maîtrisé.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Kerry Blue Terrier, Soft Coated Wheaten, Bedlington — poils frisés ou ondulés à dompter avant coupe.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Toutes les races dont le poil gonfle, ondule ou nécessite un défrisage avant la présentation ou la coupe.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Chiens d'exposition — conditioning de dernière minute, brillance et tenue pré-ring garanties.\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 SLES, 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":40021095678131,"sku":"WEX-A4POO250 (44)","price":39.0,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","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 Litre","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\/collections\/nouveautes-en-1l.oembed","provider":"Petdesign.fr","version":"1.0","type":"link"}