{"title":"Special One Cosmetics","description":"\u003ch1\u003eUnserer Meinung nach ist Special One die beste Marke für Shampoos, Masken und Pflegeprodukte für Tiere weltweit und bietet das beste Preis-Leistungs-Verhältnis.\u003c\/h1\u003e \u003ch2\u003e \u003cspan class=\"fontstyle0\"\u003eSpecial One kümmert sich um alles, um Ihr Pflegeerlebnis aufzuwerten.\u003c\/span\u003e Hund Katze\u003c\/h2\u003e \u003cp\u003eHier sind in wenigen Worten die wichtigsten Konzepte, die die Marke charakterisieren:\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eSie verfügen über die Mittel, um in allen Alltagssituationen – von den einfachsten bis zu den technisch anspruchsvollsten – effektiv und kostengünstig zu reagieren… Kosmetik \u003ca href=\"https:\/\/www.petdesign.fr\/content\/10-bain\"\u003eHundeshampoo\u003c\/a\u003e die dir jeden Tag Flügel verleihen werden.\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eEntfesseln Sie Ihr Talent mit hochwirksamer Kosmetik. Unterstreichen Sie Ihren einzigartigen Stil mit maßgeschneiderten Lösungen.\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eJedes uns anvertraute Tier verdient die beste Pflege: eine Auswahl der natürlichsten, feuchtigkeitsspendenden Inhaltsstoffe.\u003cbr\u003eRespektvoll und zu 95 % biologisch abbaubar. Jeder Hundefriseur muss Vertrauen in seine Kosmetikprodukte haben: Bei täglichem Umgang damit muss die Haut geschützt werden!\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eWerden Sie zu wahren Pflegeprofis, im wahrsten Sinne des Wortes.\u003cbr\u003eEinzigartige Leistung in allen Bereichen: Waschen • Entwirren • Pflegen • Haarwachstum •\u003cbr\u003eHygiene • Trocknen • Bürsten • Fellregeneration • Langlebigkeit • Volumen • Fellbeschaffenheit • Beschwerung • Textur • Hundepflege...\u003c\/span\u003e\u003c\/p\u003e \u003cp\u003eDieses Produkt ist das Ergebnis einer unermüdlichen und leidenschaftlichen Zusammenarbeit engagierter Akteure: Kosmetikhersteller, Forscher, Labore... alle geben ihr Bestes, um die besten Kosmetikprodukte der Welt zu entwickeln!\u003c\/p\u003e \u003cp\u003eAuf unserer Website finden Sie die besten Shampoos für die Fellpflege von Hunden und Katzen. Shampoos zur Fellpflege, Entwirrungsshampoos, Shampoos für mehr Volumen, Shampoos zur Stärkung des Terrierfells, Shampoos für doppeltes Fell, günstige Shampoos für Züchter und Hundefriseure, entfettende Shampoos, Universalshampoos, Katzenshampoos, Pflegeshampoos für alle Hautprobleme, Tonerde-Shampoos, Pflanzenöl-Shampoos…\u003cbr\u003e\u003cbr\u003eAuf unserer Website finden Sie das perfekte Shampoo für Ihr Haustier. Wir bieten Shampoos zur Fellpflege, zum Entwirren, für mehr Volumen, zur Stärkung des Terrierfells und zur Pflege von doppeltem Fell. Außerdem haben wir preisgünstige Shampoos für Züchter und Tierhandlungen. Darüber hinaus führen wir entfettende Shampoos, Allzweckshampoos, Tonerde-Shampoos und vieles mehr.\u003cbr\u003e\u003cbr\u003eWir bieten die besten Shampoos für die Fellpflege von Hunden und Katzen. Unser Sortiment umfasst außerdem Anti-Fett-Shampoos, entfettende und feuchtigkeitsspendende Shampoos sowie Speziallösungen für alle Probleme Ihres Haustieres.\u003cbr\u003e\u003cbr\u003eUnsere Haarpflege- und Stylingprodukte wurden von unseren Experten entwickelt, um das Beste aus Ihrem Hund herauszuholen.\u003cbr\u003e\u003cbr\u003eSparen Sie Zeit und kaufen Sie noch heute online ein!\u003cbr\u003e\u003cbr\u003eAuf unserer Website finden Sie die besten Shampoos für die Fellpflege von Hunden und Katzen. Unser Sortiment umfasst Shampoos, die das Fell pflegen, ihm Volumen verleihen und das Fell von Terriern und Hunden mit doppeltem Fell stärken. Sie sind zudem preisgünstig und eignen sich daher für Profis, Züchter und Privatkunden gleichermaßen.\u003cbr\u003e\u003cbr\u003eDogOmatic ist der beste Online-Shop für Hundepflege. Wir bieten hochwertige Shampoos von vertrauenswürdigen Marken wie Sporn an. Unsere Shampoos reinigen Ihren Vierbeiner nicht nur, sondern pflegen auch seine Haut, sorgen für ein gesundes und glänzendes Fell und verleihen ihm einen angenehmen Duft.\u003cbr\u003e\u003cbr\u003eDiese Shampoos wurden speziell für die Reinigung des Fells Ihres Haustieres entwickelt und machen es weich, glänzend und knotenfrei. Sie sind zudem preisgünstig, sodass Sie Ihr Budget nicht sprengen müssen und Ihr Liebling trotzdem bestens gepflegt aussieht.\u003cbr\u003e\u003cbr\u003eUnsere Tiershampoos wurden entwickelt, um den unterschiedlichsten Bedürfnissen gerecht zu werden. Wir bieten Ihnen hochwertige Produkte zu erschwinglichen Preisen und genau das, was Sie für die optimale Pflege Ihres Haustieres benötigen.\u003cbr\u003e\u003cbr\u003eUnsere Tiershampoos sorgen dafür, dass sich die Haut Ihrer Welpen weich, gesund und voller Lebensfreude anfühlt. Sie duften herrlich, sodass jeder die Geschmeidigkeit Ihres Lieblings genießen kann.\u003cbr\u003e\u003cbr\u003eDie wirtschaftlichste Wahl für professionelle, individuelle und langanhaltende Pflegeergebnisse.\u003cbr\u003e\u003cbr\u003eWenn Sie Ihren Hund oder Ihre Katze lieben, möchten Sie nur das Beste für sie. Und wie könnte man das besser tun, als sie mit luxuriösen Bio-Shampoos zu baden?\u003cbr\u003e\u003cbr\u003eSuchen Sie ein professionelles Shampoo für Ihren Hund oder Ihre Katze? Dann sind Sie hier genau richtig! Auf unserer Website finden Sie die besten Shampoos, die speziell für die sanfte Reinigung und Pflege des Fells aller Hunde- und Katzenrassen entwickelt wurden und einen frischen Duft hinterlassen. Unsere Produkte enthalten Inhaltsstoffe wie natürliche Öle, Tenside, Tonerde und vieles mehr, die Haut und Fell gesund pflegen.\u003cbr\u003e\u003cbr\u003eSuchen Sie ein professionelles Shampoo für Ihren Hund oder Ihre Katze? Dann sind Sie bei uns genau richtig! Wir bieten Ihnen einige der besten Shampoos, die speziell für die sanfte Reinigung und Pflege des Fells aller Hunde- und Katzenrassen entwickelt wurden und einen frischen Duft hinterlassen. Unsere Produkte enthalten natürliche Öle, Tenside, Tonerde und weitere Inhaltsstoffe, die Haut und Fell pflegen.\u003cbr\u003e\u003cbr\u003eWir haben uns der Entwicklung und Herstellung der besten Shampoos für Hunde und Katzen verschrieben und bieten Qualitätsprodukte mit 100% Zufriedenheitsgarantie. Seit 25 Jahren perfektionieren wir natürliche Rezepturen, um Ihnen großartige, rein natürliche Shampoos zu bieten, die Ihr Haustier lieben wird.\u003cbr\u003e\u003cbr\u003eSuchen Sie das perfekte Shampoo für das Fell Ihres Haustieres? Unser professionelles Shampoo pflegt Welpen und Kätzchen optimal. Die rein natürliche Formel duftet herrlich und bietet eine perfekte Balance aus Ölen und Tensiden für die Reinigung und den Schutz aller Fellarten.\u003cbr\u003e\u003cbr\u003eWir führen Shampoos für Hunde und Katzen sowie Pflegezubehör. Unser Kundenservice ist individuell auf die Bedürfnisse Ihres Hundes abgestimmt.\u003cbr\u003e\u003cbr\u003eProbieren Sie unsere Shampoos an Ihren Haustieren aus und Sie werden es uns später danken.\u003cbr\u003e\u003cbr\u003eHaben Sie eine Frage zu einem unserer Shampoos? Zögern Sie nicht, uns zu kontaktieren. Unser Team beantwortet gerne alle Ihre Fragen, berät Sie und hilft Ihnen, das Shampoo zu finden, das am besten zu Ihren Bedürfnissen passt.\u003cbr\u003e\u003cbr\u003eUnser Team kann alle Ihre Fragen beantworten und Ihnen das Shampoo anbieten, das am besten zu Ihren Bedürfnissen passt.\u003cbr\u003e\u003cbr\u003eUnsere Kundendienstmitarbeiter sind bestens qualifiziert, Ihre Fragen zu einem bestimmten Shampoo zu beantworten. Sie beraten Sie auch gerne hinsichtlich des für Ihren Haartyp geeigneten Shampoos.\u003cbr\u003e\u003cbr\u003eBei Fragen zu unseren Produkten können Sie uns jederzeit hier kontaktieren. Unser Team hilft Ihnen gerne weiter und unterstützt Sie bei der Suche nach dem passenden Produkt für Ihre Bedürfnisse.\u003cbr\u003e\u003cbr\u003eHaben Sie Fragen zu unseren Shampoos? Wir helfen Ihnen gerne! Rufen Sie einfach unsere kompetenten Mitarbeiter an. Wählen Sie einfach 1-800-5900-9000, und wir beraten Sie gerne.\u003cbr\u003e\u003cbr\u003eUnser Team aus Kosmetikexperten berät Sie gerne und empfiehlt Ihnen das passende Produkt für Ihren Haartyp. Kontaktieren Sie uns, wenn Sie Fragen haben oder sich nicht sicher sind, ob unsere Produkte für Ihren Haartyp geeignet sind.\u003cbr\u003e\u003cbr\u003eEs freut uns sehr, dass wir Ihnen bei Ihrer Schönheitsroutine helfen können. Nichts begeistert uns mehr!\u003cbr\u003e\u003cbr\u003eShampoos zur Fellpflege, Entwirrungsshampoos, Shampoos für mehr Volumen, Shampoos zur Stärkung des Terrierfells, Shampoos für doppeltes Fell, günstige Shampoos für Züchter und Hundefriseure, entfettende Shampoos, Universalshampoos, Katzenshampoos, Pflegeshampoos für alle Hautprobleme, Tonerde-Shampoos, Pflanzenöl-Shampoos...\u003cbr\u003e\u003cbr\u003eShampoos enthalten je nach gewünschtem Ergebnis unterschiedliche Inhaltsstoffe. Beispielsweise können sie stark feuchtigkeitsspendende Inhaltsstoffe wie Pflanzenöl enthalten oder in erster Linie das Fell des Hundes entfetten, um die Fellpflege zu erleichtern.\u003cbr\u003e\u003cbr\u003eUnsere Shampoos, die das Fell glänzend und weich machen!\u003cbr\u003e\u003cbr\u003eUnsere Shampoos wurden bis zu einem Jahr lang getestet, um ein gesundes und schönes Fellwachstum bei Ihrem Haustier zu gewährleisten. Wir spenden einen Teil unseres Gewinns an Tierschutzorganisationen, die sich um ausgesetzte Tiere kümmern.\u003cbr\u003e\u003cbr\u003eMein Lieblingsshampoo schützt das Fell Ihres Haustieres, stärkt die Haarwurzeln und beugt Verfilzungen vor. Die Inhaltsstoffe sind natürlichen Ursprungs, daher gibt es keine schädlichen Nebenwirkungen! Das ist mein vierbeiniger Freund Max.\u003cbr\u003e\u003cbr\u003eKaufen Sie ein Shampoo, das für den Fell- und Hautzustand Ihres Hundes geeignet ist.\u003cbr\u003e\u003cbr\u003eAuf unserer Website finden Sie die besten Shampoos für die Fellpflege von Hunden und Katzen.\u003cbr\u003e\u003cbr\u003eWir verkaufen natürliche Shampoos für verschiedene Fell- und Hauttypen, die garantiert für ein glänzendes und gesundes Fell bei Ihrem Haustier sorgen.\u003cbr\u003e\u003cbr\u003eEgal ob Sie nach Papageienshampoo oder Hundespülung suchen, unsere Website ist der einzige Ort, an dem Sie die besten Produkte finden, um Ihr Haustier zu verwöhnen.\u003cbr\u003e\u003cbr\u003eOnline einkaufen bei petco.comBesuchen Sie \/shopping\/petwishlist, um das beste Shampoo für Hunde und Katzen zu finden.\u003cbr\u003e\u003cbr\u003eVerwöhnen Sie Ihr Haustier mit dem Besten – mit sicheren und wirksamen natürlichen Shampoos.\u003cbr\u003e\u003cbr\u003eJahrelang haben Menschen Hunde und Katzen mit Shampoo für Menschen gewaschen – mit verheerenden Folgen. Es funktioniert einfach nicht! Vertrauen Sie unserem professionellen Shampoo, damit sich Ihr Hund oder Ihre Katze rundum wohlfühlt.\u003cbr\u003e\u003cbr\u003eFür Tierbesitzer, die möchten, dass es ihren Haustieren an nichts fehlt, gibt es ein Unternehmen, das sich von allen anderen abhebt... uns.\u003cbr\u003e\u003cbr\u003eUnsere Produkte wurden speziell entwickelt, um Ihr Haustier in Topform zu halten.\u003cbr\u003e\u003cbr\u003eSie lieben Ihr Haustier und würden es niemals schädlichen Giftstoffen aussetzen. Unsere Produkte wurden speziell entwickelt, um Ihr Haustier für ein langes und gesundes Leben in Topform zu halten.\u003cbr\u003e\u003cbr\u003eAlle unsere Produkte sind speziell darauf ausgelegt, Ihre pelzigen Freunde gesund und glücklich zu halten.\u003cbr\u003e\u003cbr\u003eFür ein gesünderes und glücklicheres Haustier: Verwenden Sie unsere Produkte.\u003cbr\u003e\u003cbr\u003eWir bei DogFashion möchten sicherstellen, dass jedes Haustier nicht nur modisch, sondern auch gesund ist.Wir haben eine Bekleidungs- und Accessoire-Linie entwickelt, die speziell darauf ausgelegt ist, die Sicherheit Ihres Hundes in jeder Umgebung zu gewährleisten.\u003cbr\u003e\u003cbr\u003eUnser Ziel ist es, Ihr Haustier gesund, glücklich und frei von Krankheiten zu halten.\u003cbr\u003e\u003cbr\u003eIhr Haustier ist zweifellos niedlich, aber wussten Sie, dass CutePet entwickelt wurde, um die Lebensqualität Ihres wertvollsten Begleiters zu verbessern?\u003cbr\u003e\u003cbr\u003eShampoos zur Fellpflege, Entwirrungsshampoos, Volumenshampoos, Shampoos zur Stärkung des Terrierfells. Shampoos für doppeltes Fell. Preiswerte und sparsame Shampoos für Züchter und Hundefriseure. Entfettende Shampoos. Universalshampoos. Shampoos für Katzen. Pflegende und behandelnde Shampoos für alle Hautprobleme. Shampoos mit Tonerde. Shampoos mit Pflanzenölen.\u003cbr\u003e\u003cbr\u003eUnsere Produkte sind die besten Shampoos für Hunde und Katzen. Sie finden bei uns Shampoos zur Fellpflege, Entwirrungsshampoos, Shampoos für mehr Volumen, Shampoos zur Stärkung des Terrierfells, Shampoos für doppeltes Fell, günstige und sparsame Shampoos für Züchter und Hundefriseure, entfettende Shampoos, Universalshampoos, Katzenshampoos, Pflege- und Behandlungsshampoos für alle Hautprobleme sowie Shampoos mit Tonerde.\u003cbr\u003e\u003cbr\u003eAuf unserer Website finden Sie die besten Shampoos für die Fellpflege von Hunden und Katzen.\u003cbr\u003e\u003cbr\u003eAuf unserer Website finden Sie die besten Shampoos für die Hunde- und Katzenpflege. Wir bieten nicht nur höchste Qualitätsstandards, sondern auch besten Kundenservice.\u003cbr\u003e\u003cbr\u003eUnser Shampoo-Sortiment bietet Ihnen ein perfektes Pflegeerlebnis für Ihre vierbeinigen Haustiere.\u003cbr\u003e\u003cbr\u003eDiese Premium-Shampoos sind unverzichtbar für jeden Hundefriseur. Sie reinigen porentief und machen Fell und Haut weich und geschmeidig. Ihre Kunden werden begeistert sein.\u003cbr\u003e\u003cbr\u003eStöbern Sie in unserem Shop und entdecken Sie die besten Produkte, die speziell für Ihr Haustier entwickelt wurden.\u003cbr\u003e\u003cbr\u003eStarten Sie Ihr Haustierpflegeerlebnis bei uns und sparen Sie bis zu 20%.\u003cbr\u003e\u003cbr\u003eAuf unserer Website finden Sie die besten Shampoos für die Fellpflege von Hunden und Katzen. Shampoos zur Fellpflege, Entwirrungsshampoos, Shampoos für mehr Volumen, Shampoos zur Stärkung des Terrierfells, Shampoos für doppeltes Fell, preiswerte Shampoos für Züchter und Hundefriseure, entfettende Shampoos, Universalshampoos, Katzenshampoos, medizinische und pflegende Shampoos für alle Hautprobleme…\u003cbr\u003e\u003cbr\u003eUnsere Shampoos für Hunde und Katzen finden Sie mit nur einem Klick auf unserer Website.\u003cbr\u003e\u003cbr\u003eUnsere Shampoos wurden speziell zur Linderung von Haut- und Fellproblemen bei Hunden und Katzen entwickelt. Auf unserer Website finden Sie zahlreiche informative Artikel, hilfreiche Tipps und Produkte für Ihr Haustier.\u003cbr\u003e\u003cbr\u003eBesuchen Sie unsere Online-Apotheke für Haustiere, um alle Produkte, einschließlich Shampoos und Kontaktlinsenlösungen, zu erhalten.\u003cbr\u003e\u003cbr\u003eUnsere Produkte sind landesweit in Tierhandlungen, Tierarztpraxen und Lebensmittelgeschäften erhältlich.\u003cbr\u003e\u003cbr\u003eFinden Sie schnell, was Sie brauchen! Wir sind hier, um Ihnen das Leben zu erleichtern.\u003cbr\u003e\u003cbr\u003eProfessionelles Shampoo für Hunde und Katzen für alle Fellarten, mit einer Vielzahl an Marken zur Auswahl. Das Fell Ihres Haustieres bleibt länger gesund, weich und glänzend und lässt sich leichter bürsten und pflegen!\u003cbr\u003e\u003cbr\u003eIhr Haustier verdient nur das Beste! Unser Shampoo wurde von PETA als hochwirksam und tierversuchsfrei bewertet und trägt dazu bei, dass das Fell Ihres Haustieres glänzend und weich bleibt.\u003cbr\u003e\u003cbr\u003eSteigen Sie auf das beste Haustiershampoo um, das Ihr Haustier lieben wird, und genießen Sie gleichzeitig bessere Ergebnisse.\u003cbr\u003e\u003cbr\u003eUnser Haustier-Shampoo mag anderen Shampoo-Marken in Ihrem Supermarkt ähneln, aber Sie werden einen deutlichen Unterschied feststellen! Haustiere, die unser Haustier-Shampoo verwenden, berichten von mehr Wohlbefinden!\u003cbr\u003e\u003cbr\u003eGünstige Tierbedarfsartikel von Top-Marken – von Shampoos über Spielzeug und Halsbänder bis hin zu Pflegeprodukten – nur für Sie!\u003cbr\u003e\u003cbr\u003eWir von petdesign wissen, was es heißt, Tiere zu lieben. Deshalb bieten wir eine große Auswahl an hochwertigem Tierfutter und Spielzeug, Pflegeprodukten und Accessoires. Ihre Lieblinge werden es Ihnen danken.\u003cbr\u003e\u003cbr\u003eBei petdesign ist es unser Ziel, unseren Kunden eine große Auswahl an hochwertigen Produkten für Hunde und Katzen anzubieten. Auch unsere Auswahl an Hunde- und Katzenshampoos bildet da keine Ausnahme – wir bieten erschwingliche Shampoos der bekanntesten Marken der Heimtierbranche. Und als ob das nicht genug wäre, haben wir auch eine Kollektion von Shampoos im Sortiment, die intensiv pflegen, Feuchtigkeit spenden oder reinigen.\u003c\/p\u003e \u003cp\u003eIhr Haustier verdient nur das Beste – von Kopf bis Fuß. Deshalb haben wir Special One entwickelt, eine Reihe innovativer und wirksamer Produkte, die Ihnen helfen, Ihre Tiere mit Liebe und Leidenschaft zu pflegen.\u003cbr\u003e\u003cbr\u003eDie Leidenschaft unseres Teams treibt uns an, beliebte Produkte mit nachhaltiger Wirkung und außergewöhnlicher Qualität zu entwickeln.\u003cbr\u003e\u003cbr\u003eSpecial One wurde speziell für Ihr Haustier entwickelt und bietet jedem Tier ein individuelles Pflegeerlebnis. Die Produkte von Special One bestehen aus hochwertigen Inhaltsstoffen und erfüllen alle europäischen Vorschriften für Tierhaltung und -sicherheit.\u003cbr\u003e\u003cbr\u003eEntdecken Sie die innovativste Auswahl an Shampoos und Spülungen für Ihr Haustier. Von empfindlicher Haut bis hin zu glänzendem Fell – unsere Produkte machen jeden gemeinsamen Moment zu einem besonderen Erlebnis!\u003cbr\u003e\u003cbr\u003eSpecial One ist eine italienische Marke für umweltfreundliche Pflegeprodukte, die das Tierwohl in den Vordergrund stellt. Ihre Shampoos basieren auf natürlichen Inhaltsstoffen und biologisch abbaubaren Tensiden und sind daher sanft zur Haut Ihres Haustieres und umweltschonend. Zudem bietet Special One ein individuelles Pflegeerlebnis mit verschiedenen Formeln, die speziell auf die Bedürfnisse von Hunden und Katzen abgestimmt sind.\u003cbr\u003e\u003cbr\u003eSpecial One ist Ihr Partner für ein individuelles Pflegeerlebnis für jedes Haustier. Wir bieten maßgeschneiderte Pflegeprodukte für jedes Tier. Alle Produkte bestehen aus 100 % natürlichen, biologisch abbaubaren Inhaltsstoffen und erfüllen strengste internationale Standards.\u003cbr\u003e\u003cbr\u003eBei Special One verwenden wir ausschließlich natürliche und biologisch abbaubare Inhaltsstoffe. Unsere Leidenschaft spiegelt sich in der Qualität unserer Produkte und unserem Innovationsgeist wider.\u003cbr\u003e\u003cbr\u003eEs gibt nichts Schöneres, als unseren Liebsten Freude zu bereiten. Deshalb verwenden wir bei der Pflege unserer Haustiere ausschließlich 100% natürliche Produkte und stellen ihre Bedürfnisse in den Mittelpunkt.\u003cbr\u003e\u003cbr\u003eSpecial One ist ein Shampoo mit hochwertigen Inhaltsstoffen und fachmännischen Rezepturen, mit dem Sie die Schönheit und Gesundheit Ihres Haustieres erhalten können.\u003cbr\u003e\u003cbr\u003eDas Spezialshampoo für Tiere ist ein revolutionäres Produkt, das „Ja“ zur Natur, „Ja“ zur Qualität und „Ja“ zur Innovation sagt.\u003cbr\u003e\u003cbr\u003eEs ist Zeit, Ihrem Haustier besondere Pflege zu gönnen – mit einem individuell auf jedes Tier abgestimmten Pflegeerlebnis. Special One hat ein innovatives Shampoo, einen Conditioner und ein Spray entwickelt, die speziell für Katzen und Hunde mit natürlichen und biologisch abbaubaren Inhaltsstoffen formuliert wurden.\u003cbr\u003e\u003cbr\u003eMenschen bereichern ihr Leben durch ihre Beziehungen zu Tieren. Special One ist eine Shampoo-Serie, die speziell auf die Bedürfnisse bestimmter Tierarten abgestimmt ist und diese emotionale Bindung durch ein individuelles Pflegeerlebnis stärkt.\u003cbr\u003e\u003cbr\u003eWir bei Special One lieben Tiere. Jedes Produkt, jede Idee, jede Entscheidung entsteht mit Leidenschaft und Innovationsgeist. Wir sind stolz darauf, Ihnen hochwertige Tierpflegeprodukte aus Italien mit nachhaltigen Inhaltsstoffen anbieten zu können.\u003cbr\u003e\u003cbr\u003eUnsere Leidenschaft ist es, Lösungen anzubieten, die Ihnen Zeit und Geld sparen und das Leben erleichtern. Wenn Sie Ihre Haustiere lieben, bieten wir Ihnen natürliche und nachhaltige Produkte aus Italien mit sorgfältig ausgewählten, hochwertigen Inhaltsstoffen.\u003cbr\u003e\u003cbr\u003eSpecial One bietet Tierliebhabern ein innovatives und individuelles Pflegeerlebnis mit hochwertigen Inhaltsstoffen. Special One besteht aus natürlichen Inhaltsstoffen, die biologisch abbaubar und unbedenklich für Ihre Haustiere sind.\u003cbr\u003e\u003cbr\u003eAlle Special One Produkte werden mit Fokus auf Qualität, Innovation und nachhaltige Entwicklung erforscht und entwickelt.\u003cbr\u003e\u003cbr\u003eSeit über 25 Jahren widmet sich unser Team mit Leidenschaft und Innovationsgeist der Entwicklung von Produkten, die mit größtem Respekt für die Tiergesundheit und die Umwelt hergestellt werden.\u003cbr\u003e\u003cbr\u003eHaben Sie schon einmal ein Tier getroffen und waren sofort hin und weg? Uns ging es genauso, und wir möchten diese Erfahrung mit Ihnen teilen. Special One wurde als natürliches, sicheres und wirksames Pflegeprodukt für Haustiere aller Art und Größe entwickelt.\u003cbr\u003e\u003cbr\u003eSpecial One ist ein Familienunternehmen, das von der Emmy-prämierten Tierstylistin Emanuela Iannone gegründet wurde und dessen Mission es ist, Shampoo und Fellpflege zu einem innovativen Erlebnis zu vereinen.\u003cbr\u003e\u003cbr\u003eWir stellen Hunde- und Katzenprodukte aus natürlichen Inhaltsstoffen her. Unsere Rezepturen basieren auf natürlichen Ölen pflanzlichen oder tierischen Ursprungs und eignen sich für jeden Fell- und Hauttyp. So schaffen wir ein individuelles Pflegeerlebnis für jedes Haustier.\u003c\/p\u003e","products":[{"product_id":"bain-pro-shampoing-doux-tous-pelages","title":"BAIN PRO, shampoing doux tous pelages","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003ePROFESSIONELLES BAD\u003c\/strong\u003e ist das hochkonzentrierte Profi-Shampoo Special One, das das Fell pflegt, indem es \u003cstrong\u003eso sanft wie möglich, ohne jemals aggressiv zu sein.\u003c\/strong\u003e. Es bringt die Schönheit des Haares optimal zur Geltung – ohne Volumen oder Textur zu verstärken – und lässt einfach seine natürliche Beschaffenheit zum Ausdruck kommen. Es ist außerdem ein \u003cstrong\u003eergänzende natürliche Parasitenbekämpfung\u003c\/strong\u003e : Sein reichhaltiger Schaum und der saure pH-Wert neutralisieren Flöhe mechanisch, ganz ohne chemische Insektizide. Ein Shampoo, unzählige Vorteile.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird es als wirklich vorteilhaft empfinden – ein direkter Konkurrent zum Aquarosa Pro (dem nährstoffreichsten). \u003cstrong\u003eBain Pro ist die Wahl für absolute Weichheit\u003c\/strong\u003e für alle Felltypen, vom Welpen bis zum Senior.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAngereichert mit einer Mischung aus \u003cstrong\u003eTenside natürlichen Ursprungs\u003c\/strong\u003e und feuchtigkeitsspendenden Substanzen verleiht Bain Pro dem Haar bereits ab der ersten Anwendung Glanz und Elastizität zurück. \u003cstrong\u003enatürliche antiparasitäre Wirkung\u003c\/strong\u003e — durch mechanische Erstickung mittels des reichlich vorhandenen Schaums und eines sauren pH-Werts, der die Flöhe schwächt — wodurch es sich perfekt als ergänzendes Waschmittel für Welpen, Kätzchen und empfindliche Tiere eignet. \u003cstrong\u003eohne chemisches Insektizid\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eGrenzen der Sanftmut:\u003c\/strong\u003e Aufgrund seiner sehr milden Formel ist Bain Pro möglicherweise nicht ausreichend, wenn das Tier stark verschmutzt ist. In diesem Fall sollten Sie zunächst ein stärker reinigendes Shampoo verwenden. \u003cstrong\u003eAquapure Pro, Blue Sky Pro oder Aquarosa Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniverselle Sanftheit: für Babys, Erwachsene und Senioren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eSanftes Bad für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenreinigung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt, desinfiziert und verleiht allen Haartypen Glanz.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 7c3 3 7 7 10 10M17 7C14 10 10 14 7 17\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Knoten\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerstärkt niemals das natürliche Volumen – verhindert, dass sich Knoten nach dem Baden schnell wieder bilden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 8a4 4 0 0 1 4 4v2a4 4 0 0 1-8 0v-2a4 4 0 0 1 4-4z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 4v4M9 6l-1.5-1.5M15 6l1.5-1.5M8 12H4M20 12h-4M8 16l-2 1.5M16 16l2 1.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eNatürliches Parasitenabwehrmittel\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMechanisch neutralisiert es Flöhe durch Ersticken mittels Schaum und saurem pH-Wert – ohne chemische Insektizide.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinschutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eStärkt die natürlichen Abwehrkräfte zum Schutz der Haarstruktur.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eFettige Haut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehandelt überschüssigen Talg und erhält gleichzeitig den Hydrolipidfilm.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHäufiges Baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eAuch bei intensiver Anwendung besteht kein Risiko für Haut und Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 9h10l1.5 10H5.5zM9 9V7a3 3 0 0 1 6 0v2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBleihaltig\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHilft dabei, seidige Pelze zu beschweren, ohne sie übermäßig schwer zu machen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 8;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21V9\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 13C9 13 6 11 6 7c4 0 6 2 6 6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 11c0-3 2-5 6-5 0 4-3 5-6 5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eWachstum \u0026amp; Wettbewerb\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIdeal für das Fellwachstum von Ausstellungshunden, alle Rassen eingeschlossen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 9;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 7h16M6 7v11M10 7v11M14 7v11M18 7v11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEntwirren \u0026amp; Zähneputzen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEs erleichtert das Entwirren, macht das Föhnen gleichmäßiger und verkürzt die Arbeitszeit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Vorgehensweise von Bain Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Plombant\", value: 4 }, { label: \"Texture\", value: 1 }, { label: \"Soin peau\", value: 5 }, { label: \"Brillance\", value: 5 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Aktives Bain Pro JS-MAPPING - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Bain Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eNatürlich gewonnene Tenside, hochwertige Proteine ​​und biobasierte Wirkstoffe — \u003cstrong\u003eParabenfrei, silikonfrei\u003c\/strong\u003e. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Bain Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'soie', label:'Protéines de Soie', latin:'Sericin \u0026 fibroïne', family:'cond',\n desc:\"Protéines gainantes à forte affinité kératinique : elles détendent le poil, lissent la cuticule et renforcent la fibre pour une brillance naturelle.\",\n targets: [\n { anchor:'cuticule', action:\"Lissage \u0026 gainage\", benefit:\"Lissent la cuticule et favorisent la brillance naturelle du poil.\" },\n { anchor:'tige_poil', action:\"Renfort de la fibre\", benefit:\"Renforcent la fibre capillaire et détendent le poil au brossage.\" }\n ]\n },\n {\n id:'lait', label:'Protéines de Lait', latin:'Protéines lactées', family:'cond',\n desc:\"Protéines nourrissantes qui revitalisent les poils ternes ou cassants et maintiennent la souplesse du manteau.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition \u0026 élasticité\", benefit:\"Nourrissent la fibre et redonnent élasticité aux poils ternes ou cassants.\" },\n { anchor:'cuticule', action:\"Souplesse du manteau\", benefit:\"Maintiennent la souplesse et le confort de toucher du pelage.\" }\n ]\n },\n {\n id:'lichen', label:'Lichen d’Islande', latin:'Cetraria islandica', family:'botanic',\n desc:\"Mousse montagnarde riche en polysaccharides et mucilages : propriétés antimicrobiennes, purifiantes et calmantes marquées, elle apaise les peaux déshydratées.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant \u0026 purifiant\", benefit:\"Apaise les peaux déshydratées, sensibles ou sujettes aux démangeaisons.\" },\n { anchor:'glande_seb', action:\"Équilibre microbien\", benefit:\"Favorise l’équilibre microbien naturel de la peau.\" }\n ]\n },\n {\n id:'levures', label:'Levures Hydrolysées', latin:'Ferments biosourcés', family:'bio',\n desc:\"Actifs biosourcés qui renforcent et illuminent le pelage tout en contribuant à restaurer une barrière cutanée saine.\",\n targets: [\n { anchor:'epiderme', action:\"Barrière cutanée\", benefit:\"Contribuent à restaurer une barrière cutanée saine et équilibrée.\" },\n { anchor:'tige_poil', action:\"Éclat du pelage\", benefit:\"Renforcent et illuminent le poil de l’intérieur.\" }\n ]\n },\n {\n id:'fucus', label:'Extrait de Fucus', latin:'Chêne marin (algue)', family:'aqua',\n desc:\"Algue riche en iode, polyphénols et vitamines : les polyphénols soutiennent la régénération cellulaire, l’iode active la circulation dans les racines du poil.\",\n targets: [\n { anchor:'follicule', action:\"Circulation \u0026 métabolisme\", benefit:\"L’iode active la circulation et le métabolisme à la racine du poil.\" },\n { anchor:'derme', action:\"Régénération cellulaire\", benefit:\"Les polyphénols soutiennent la régénération et la tonicité de la peau.\" }\n ]\n },\n {\n id:'piroctone', label:'Piroctone Olamine', latin:'Actif antifongique \u0026 antiparasitaire doux', family:'bio',\n desc:\"Actif anti-levures et antifongique naturel ; toxique pour les puces, il participe — avec le pH acide du bain — à l’action antiparasitaire naturelle du Bain Pro.\",\n targets: [\n { anchor:'epiderme', action:\"Antiparasitaire (pH acide)\", benefit:\"Avec le pH acide (~5), fragilise l’exosquelette des puces et facilite leur élimination, sans insecticide.\" },\n { anchor:'glande_seb', action:\"Séborégulation antifongique\", benefit:\"Régule les peaux grasses, réduit les mauvaises odeurs et assainit la flore cutanée.\" }\n ]\n },\n {\n id:'glycerine', label:'Glycérine Végétale', latin:'Glycérol végétal', family:'aqua',\n desc:\"Humectant doux qui hydrate poil et peau sans graisser, lisse la cuticule et favorise une brillance durable.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation sans graisser\", benefit:\"Capte et retient l’eau pour une peau et un poil souples.\" },\n { anchor:'cuticule', action:\"Brillance durable\", benefit:\"Lisse la cuticule et fixe une brillance qui dure.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil des Shampoos\u003cbr\u003efür 20 Teile Wasser\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSchonendes Waschen – für alle Fellarten und jedes Alter\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eDas Basisprotokoll, geeignet für alle gängigen Situationen\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eErstes Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDas Fell gründlich anfeuchten.Bain Pro verdünnt auftragen \u003cstrong\u003e1\/20\u003c\/strong\u003e, anschließend abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eZweite Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWenden Sie eine an \u003cstrong\u003ezweites Shampoo\u003c\/strong\u003e, anschließend erneut abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLetzte Pflege\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZum Schluss den passenden Conditioner auftragen: \u003cstrong\u003eFeuchtigkeitscreme, Bombastic oder Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVervollständigen Sie die Pflege mit \u003cstrong\u003eAbsolute 4Poodle, Mix Pink oder Style 360\u003c\/strong\u003e nach Bedarf.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAnti-Knoten-Protokoll \u0026amp; Talgregulierung\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür Hunde, deren Fell leicht verfilzt oder die Hautprobleme (Talg, Schuppen, Gerüche) haben\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie mit der Maske vor dem Baden. \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e um die Wirkung des Shampoos vorzubereiten und zu verstärken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBain Pro im Verhältnis 1:20 verdünnen. \u003cstrong\u003eohne die Maske abzuspülen\u003c\/strong\u003e vorher.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaid \u0026amp; Spülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eKurz einwirken lassen, abspülen und bei Bedarf wiederholen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerwicklungsfreies Finish\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme + Aqua Dolce\u003c\/strong\u003e für ein gepflegtes Fell, das die Neubildung von Knoten verzögert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eWählen Sie Bain Pro, wenn Sie Folgendes benötigen…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituationen, in denen Bain Pro den entscheidenden Unterschied macht\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSanft waschen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eJeder Hund oder jede Katze, unabhängig von Alter oder Fellart.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHaare wachsen lassen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eIdeal für Ausstellungshunde aller Rassen (9. Gruppe, Terrier, 8. Gruppe…).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eImplementieren Sie ein Anti-Knoten-Protokoll\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAuf einem Hund, der sich leicht filzte.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eRegulierung des Talgs\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOb Überschuss oder Mangel, bei Schuppen oder unangenehmen Gerüchen – ohne die Haut zu reizen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Bain Pro als Kernstück + modulare Erweiterungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit Bain Pro kompatibel.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine gründlichere Reinigung ist erforderlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBlue Sky Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff ist nötig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Bombastic · Aqua Dolce (+ Hygro Fluid)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Bain Pro den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle Hunde im Wohnzimmer \u003cspan\u003e(begrenzt die Rückgabe von Knoten)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏆 langhaarige Ausstellungshunde \u0026amp; Randbereich \u003cspan\u003e(Pony, Toupet, Bart)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Völker \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Englische Zwergspaniel \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langes Fell \u0026amp; seidig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste – absolute Weichheit für alle Fellarten, vom Welpen bis zum Senior.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 ml","offer_id":42903274225884,"sku":"WEX-BA250 (118)","price":21.9,"currency_code":"EUR","in_stock":true},{"title":"1L","offer_id":42903274258652,"sku":"WEX-BA1 016 (124)","price":42.2,"currency_code":"EUR","in_stock":true},{"title":"5 Liter","offer_id":42903274291420,"sku":"WEX-BA5 011 (135)","price":108.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/Design_sans_titre_-_2025-04-16T140126.314.png?v=1744811139"},{"product_id":"platynum-pro-shampoing-volume","title":"PLATINUM PRO, shampoing volume","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003ePLATINUM PRO\u003c\/strong\u003e ist das Special One Profi-Shampoo, dessen Hauptaugenmerk auf der \u003cstrong\u003eVOLUMEN\u003c\/strong\u003e. Ideal für Shows und Scherenschnitte, bringt es das volle natürliche Volumen des Fells zur Geltung. \u003cstrong\u003erichtet dauerhaft auf\u003c\/strong\u003e und bereitet das Haar auf außergewöhnliche Finishes vor.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eDieses Produkt ist in erster Linie für folgende Zwecke bestimmt: \u003cstrong\u003eProfis und Besitzer von Wettkampfhunden\u003c\/strong\u003e. Die Suche nach Volumen und Textur erfordert eine schnellere Rückgabe der Knoten: Für den täglichen Gebrauch sind Einzelpersonen mit Bain Pro, Aquarosa Pro oder 4Poodle besser bedient.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAngereichert mit \u003cstrong\u003eorganische marine Derivate und Wirkstoffe\u003c\/strong\u003e, Allantoin, Chitosan und Kakaobutter: Platinum Pro kombiniert \u003cstrong\u003eVolumenvergrößerung und Hautpflege\u003c\/strong\u003e. Es bringt die natürlichen Farben zum Leuchten, restrukturiert das Fell und bereitet das Haar auf einen hochwertigen Scherenschnitt vor – mit einem langanhaltenden Finish nach dem Föhnen.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eSpezialprodukt:\u003c\/strong\u003e Das Streben nach Volumen und Textur führt zu einem schnellen Wiederauftreten der Knoten. Nur für besondere Anlässe wie Ausstellungen oder das Schneiden mit der Schere geeignet – nicht für die tägliche Pflege.\u003cbr\u003e\u003cspan style=\"font-size: 12px; color: #888; margin-top: 4px; display: block;\"\u003e❌ Für den täglichen Gebrauch wählen Sie Bain Pro, Aquarosa Pro oder 4Poodle mit einem guten Conditioner.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 3H5a2 2 0 0 0-2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3h3a2 2 0 0 1 2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21H5a2 2 0 0 1-2-2v-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 21h3a2 2 0 0 0 2-2v-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMaximales Volumen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBringt das volle natürliche Volumen des Fells zum Vorschein – spektakuläre Ergebnisse bereits ab der ersten Anwendung.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 8c2-3 4-3 6 0s4 3 6 0 4-3 4-3M4 14c2-3 4-3 6 0s4 3 6 0 4-3 4-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVerstärkte Textur\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eFördert und stärkt die natürliche Haarstruktur für ein professionelles Ergebnis.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4c0 4 10 4 10 8s-10 4-10 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eStarke Haarglättung \u0026amp; nachhaltig\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEs glättet das Haar nach dem Föhnen stark und dauerhaft.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"6\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 8 L20 18 M8 16 L20 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHochwertiger Scherenschnitt\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBereitet das Fell für außergewöhnliche Scherenschnitte an Wettkampf- und Ausstellungstagen vor.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Funktionen des Platinum Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 1 }, { label: \"Démêlant\", value: 1 }, { label: \"Texture\", value: 4 }, { label: \"Volume\", value: 5 }, { label: \"Brillance\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Platinum Pro aktives JS-MAPPING - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Platinum Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eOrganische Meeresderivate und Wirkstoffe kombiniert mit hochwertigen Inhaltsstoffen — \u003cstrong\u003eParabenfrei, silikonfrei\u003c\/strong\u003e. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Platinum Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'allantoine', label:'Allantoïne', latin:'Apaisant cutané', family:'bio',\n desc:\"Actif calmant et anti-irritant : il protège la barrière cutanée lors des soins intensifs et apaise les peaux sensibles, équilibrant la puissance volumatrice de la formule.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026 protection\", benefit:\"Calme les peaux sensibles et protège la barrière cutanée pendant le travail intensif.\" },\n { anchor:'film_hydro', action:\"Confort cutané\", benefit:\"Préserve le confort de surface malgré l’action texturisante du shampoing.\" }\n ]\n },\n {\n id:'cacao', label:'Beurre de Cacao', latin:'Theobroma cacao', family:'cond',\n desc:\"Beurre végétal qui illumine les poils et intensifie les couleurs naturelles : il apporte un fini satiné et de la profondeur au manteau.\",\n targets: [\n { anchor:'cuticule', action:\"Éclat \u0026 profondeur\", benefit:\"Lisse la cuticule pour intensifier les couleurs et donner un fini satiné.\" },\n { anchor:'tige_poil', action:\"Nutrition de la fibre\", benefit:\"Nourrit la fibre et apporte de la profondeur au manteau.\" }\n ]\n },\n {\n id:'chitosane', label:'Chitosane', latin:'Agent structurant marin', family:'aqua',\n desc:\"Polymère biosourcé d’origine marine : il nettoie, restructure et lustre les fourrures tout en apportant corps et volume durable à la fibre.\",\n targets: [\n { anchor:'tige_poil', action:\"Corps \u0026 volume durable\", benefit:\"Gaine la fibre d’un film structurant qui crée du corps et tient le volume.\" },\n { anchor:'cuticule', action:\"Structure \u0026 brillance\", benefit:\"Restructure et lustre la surface du poil pour une texture nette et brillante.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil des Shampoos\u003cbr\u003efür 20 Teile Wasser\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eBath-Show — Lautstärke \u0026amp; Schere schneidet\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür Wettkampftage, Ausstellungen oder hochwertige Scherenschnitte\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereiten Sie sich vor mit \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (möglicherweise verbunden mit \u003cstrong\u003eBombastisch\u003c\/strong\u003e) um die Haut mit Feuchtigkeit zu versorgen und die Wirkung des Shampoos zu verstärken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung auf der Maske\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünntes Platinum Pro auftragen \u003cstrong\u003e1\/20\u003c\/strong\u003e Direkt auf die Maske auftragen, ohne sie abzuspülen. Abspülen und bei Bedarf wiederholen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLetzte Pflege \u0026amp; gelegt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme, Bombastic oder Aqua Dolce\u003c\/strong\u003e. Lass es ruhen \u003cstrong\u003eein paar Minuten\u003c\/strong\u003e vor dem gründlichen Abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTrocknung \u0026amp; Abschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eTrocknen und bürsten – das Volumen nimmt zu und der Glättungseffekt tritt ein. Zum Schluss mit \u003cstrong\u003eAbsolute 4Poodle oder Style 360\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eWählen Sie Platinum Pro, wenn Sie Folgendes benötigen…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituationen, in denen der Platinum Pro den entscheidenden Unterschied ausmacht\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHochwertiger Scherenschnitt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFür ein besonderes Ereignis – eine Show, eine Messe, eine Präsentation im Ring.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDas natürliche Volumen enthüllen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003ePelz, mit starker Wasch- und Reinigungskraft.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerstärken Sie die Textur\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHaare, für ein makelloses und strukturiertes visuelles Ergebnis.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEine starke und dauerhafte Glättung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eNach dem Föhnen, bei lockigem oder gewelltem Fell.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Platinum Pro im Kern + modulare Erweiterungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit dem Platinum Pro kompatibel. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine zweite Haarwäsche wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAquarosa Pro · Aquapura Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBioenergie \u0026amp; Bombastisch\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff ist nötig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eHier macht der Platinum Pro den Unterschied:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🧸 Doppeltes Haar \u0026amp; komplexe Felle \u003cspan\u003e(Urvölker, Hirten, Wasserhunde)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eSpektakuläres Volumen und eine glatte Frisur – eine lange und nicht vollständige Liste, die den Showtagen vorbehalten ist.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819386724531,"sku":"WEX-PLA250 (32)","price":22.95,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819386658995,"sku":"WEX-PLA5 018 (40)","price":43.9,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819386691763,"sku":"WEX-PLA1 013 (48)","price":127.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/PlatiniumPro_7a208b5d-6d17-4767-a485-6689fba2be6c.png?v=1680257058"},{"product_id":"keratine-pro-shampoing-texture-epilation","title":"KERATINE PRO, shampoing texture +++","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eKERATIN PRO\u003c\/strong\u003e ist das Shampoo \u003cstrong\u003eTexturgeber und Härter\u003c\/strong\u003e Spezielle Ausführung, zur Verwendung in \u003cstrong\u003esehr spezifische Situationen\u003c\/strong\u003e : Enthaarung nach dem Baden, für natürliches Volumen und eine verbesserte Haarstruktur. Ein Präzisionswerkzeug – kein Shampoo für jeden Tag. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eDieses Produkt ist in erster Linie für folgende Zwecke bestimmt: \u003cstrong\u003eProfis und Besitzer von Wettkampfhunden\u003c\/strong\u003e. Die Suche nach Textur und Halt führt zu einer schnelleren Knotenbildung: Für den täglichen Gebrauch sind Einzelpersonen mit Bain Pro, Aquarosa Pro oder 4Poodle besser bedient.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAngereichert mit \u003cstrong\u003ehydrolysiertes Keratin, Chitosan und Rohrzuckerextrakt\u003c\/strong\u003e, Keratin Pro nährt und restrukturiert die Haarfasern und verleiht ihnen gleichzeitig Fülle und Griffigkeit. Seine Formel \u003cstrong\u003ekeine Farbstoffe\u003c\/strong\u003e Vermeidet den klassischen Weichmachereffekt von Shampoos: Das Haar bleibt rau, strukturiert und bereit für die Arbeit.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eSpezialprodukt:\u003c\/strong\u003e Die durch dieses Shampoo hervorgerufene Haarstimulation führt zu einer schnellen Neubildung von Knoten. Verwenden Sie es daher nur an Tagen nach dem Waxing, vor Ausstellungen oder bei Haarschnitten, die maximale Textur erfordern – nicht für die tägliche Haarpflege.\u003cbr\u003e\u003cspan style=\"font-size: 12px; color: #888; margin-top: 4px; display: block;\"\u003e❌ Für den täglichen Gebrauch wählen Sie Bain Pro, Aquarosa Pro oder Aqua Terme.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2l7 4v6c0 4-3 7-7 8-4-1-7-4-7-8V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 7v8M9 10l3-3 3 3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHärten \u0026amp; Texturierer\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHärtet, texturiert und bereitet das Haar nach dem Baden auf die Haarentfernung vor.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 11V6a1.5 1.5 0 0 1 3 0M8 10V4.5a1.5 1.5 0 0 1 3 0V10M11 10V5.5a1.5 1.5 0 0 1 3 0V11M14 11V7a1.5 1.5 0 0 1 3 0v6a6 6 0 0 1-6 6h-1a6 6 0 0 1-5-3l-2-3.5a1.6 1.6 0 0 1 2.7-1.6L5 13\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eZiegenhaar berühren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eOptimiert die raue Haptik und Griffigkeit, ideal für die Haarentfernung mit der Hand oder mit einem Messer.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 3H5a2 2 0 0 0-2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3h3a2 2 0 0 1 2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21H5a2 2 0 0 1-2-2v-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 21h3a2 2 0 0 0 2-2v-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eNatürliches Volumen enthüllt\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBringt das natürliche Volumen des Fells mit starker Wasch- und Reinigungskraft zum Vorschein.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenreinigung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und desinfiziert gründlich – ideal für die fettige Haut von Terriern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eExfoliation \u0026amp; Erneuerung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eZuckerrohrextrakt wirkt peelend, bekämpft Unreinheiten (Mitesser) und fördert die Zellerneuerung.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise von Keratin Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Texture\", value: 5 }, { label: \"Volume\", value: 4 }, { label: \"Démêlant\", value: 1 }, { label: \"Hydratation\", value: 1 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS active Keratin Pro - zuverlässig) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Keratin Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eFormel \u003cstrong\u003ekeine Farbstoffe\u003c\/strong\u003e Die bewusste Entscheidung, auf einen Weichmachereffekt zu verzichten, um die Haarstruktur und Griffigkeit zu optimieren. Frei von Parabenen und Silikonen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Kératine Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'keratine', label:'Kératine Hydrolysée', latin:'Protéine de structure', family:'cond',\n desc:\"Protéine de structure du poil : elle nourrit et restructure la fibre en profondeur, renforce la kératine naturelle et restitue corps et texture.\",\n targets: [\n { anchor:'tige_poil', action:\"Restructuration\", benefit:\"Renforce la kératine naturelle de la fibre et lui rend du corps.\" },\n { anchor:'cuticule', action:\"Texture \u0026 accroche\", benefit:\"Crée une surface texturée et rêche, propice à l’accroche du poil.\" }\n ]\n },\n {\n id:'chitosane', label:'Chitosane', latin:'Agent structurant marin', family:'aqua',\n desc:\"Polymère biosourcé structurant : il assainit en profondeur les peaux grasses, particulièrement efficace sur les Terriers et les races à épiler.\",\n targets: [\n { anchor:'tige_poil', action:\"Corps \u0026 structure\", benefit:\"Gaine la fibre d’un film structurant qui crée du corps et de la tenue.\" },\n { anchor:'glande_seb', action:\"Assainissement\", benefit:\"Assainit en profondeur les peaux grasses des races à épiler.\" }\n ]\n },\n {\n id:'sucrecanne', label:'Extrait de Sucre de Canne', latin:'Source d’AHA naturels', family:'bio',\n desc:\"Exfoliant naturel : il agit contre les impuretés et les points noirs, et favorise le renouvellement cellulaire de la peau.\",\n targets: [\n { anchor:'epiderme', action:\"Exfoliation douce\", benefit:\"Élimine impuretés et points noirs, et active le renouvellement cellulaire.\" },\n { anchor:'glande_sud', action:\"Purification\", benefit:\"Aide à purifier les pores et la surface cutanée.\" }\n ]\n },\n {\n id:'saccharine', label:'Sodium Saccharine', latin:'Raviveur de couleur', family:'bio',\n desc:\"Raviveur de couleur et réparateur rapide : il restitue l’éclat naturel du pelage tout en participant à la restructuration de la fibre.\",\n targets: [\n { anchor:'tige_poil', action:\"Réparation rapide\", benefit:\"Participe à la restructuration et au renfort de la fibre.\" },\n { anchor:'cuticule', action:\"Éclat ravivé\", benefit:\"Restitue l’éclat naturel du pelage.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil des Shampoos\u003cbr\u003efür 20 Teile Wasser\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eHaarentfernung nach dem Baden — Haken \u0026amp; maximale Textur\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eUm die Haare nach dem Baden für die manuelle oder messergestützte Haarentfernung vorzubereiten\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGesichtsmaske vor dem Baden (optional)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereiten Sie sich gegebenenfalls mit einer Maske vor. \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e Die Haut vor der Arbeit mit Feuchtigkeit versorgen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünntes Keratin Pro auftragen \u003cstrong\u003e1\/20\u003c\/strong\u003e Auf das nasse Haar auftragen. Einmassieren und einige Augenblicke einwirken lassen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAusspülen und gegebenenfalls die Haarwäsche wiederholen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eErgebnis\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eTrocken: Das Haar ist \u003cstrong\u003erau, strukturiert, mit optimalem Halt\u003c\/strong\u003e — ideal zur Haarentfernung per Hand oder mit einem Messer.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv style=\"margin-top: 12px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; padding: 10px 14px; font-size: 12px; line-height: 1.5;\"\u003e💡 Wenn Sie wachsen \u003cstrong\u003eVor\u003c\/strong\u003e Für das Bad wählen Sie stattdessen \u003cstrong\u003eAqua Terme, Bain Pro oder Aquapure Pro\u003c\/strong\u003e für die nächste Haarwäsche.\u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eWählen Sie Keratin Pro, wenn Sie…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituationen, in denen Keratin Pro den entscheidenden Unterschied macht\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHaarentfernung nach dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGriffigkeit und Textur des Haares sind optimal.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDas natürliche Volumen enthüllen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003ePelz, mit starker Wasch- und Reinigungskraft.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerstärken Sie die Textur\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFür Tage der Ausstellung oder Präsentation im Ring.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eArbeiten mit öliger Haut\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eTerrier oder Rassen, die eine Fellentfernung erfordern, mit Tiefenreinigung und Hautdesinfektion.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eDas ultimative Terrier-Protokoll – Textur, Elastizität \u0026amp; Haarentfernung ohne Trocknen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eEin konzentriertes, einstufiges Protokoll, universell für alle Terrier\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ezu gleichen Teilen mischen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMischen \u003cstrong\u003egleiche Teile: Super Keeper + Bio Energy Plus + Keratin Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDie Mischung aufschäumen, auf das nasse Haar auftragen und gut einmassieren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung \u0026amp; Ergebnis\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAusspülen. Das Haar ist \u003cstrong\u003estrukturiert und gehärtet\u003c\/strong\u003e zur Haarentfernung\u003cstrong\u003eElastizität erhalten\u003c\/strong\u003e Dank Bioenergie und dem Mantel \u003cstrong\u003enicht getrocknet\u003c\/strong\u003e Dank Super Keeper – alles in einer App.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv style=\"margin-top: 12px; background: #f0fff4; border-left: 3px solid #2ecc71; border-radius: 8px; padding: 10px 14px; font-size: 12px; line-height: 1.5;\"\u003e✨ \u003cstrong\u003eEin Muss für alle Terrier\u003c\/strong\u003e — Dieses 3-in-1-Protokoll ist eine echte Revolution für alle, die regelmäßig Haarentfernung betreiben.\u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Keratin Pro als Kern + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit Keratin Pro kompatibel. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine zweite Haarwäsche wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Terme · Aquapure Pro · Bain Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eTexturierende Additive sind erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHygro Fluid \u0026amp; Super Keeper\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Keratin Pro den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Alle Terrier \u0026amp; Rassen zum Rupfen \u003cspan\u003e(Textur, Griffigkeit, fettige Haut)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell ohne Struktur \u003cspan\u003e(Graue und rote Pudel – nur für Ausstellungen)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste – ein Präzisionswerkzeug zur Haarentfernung und Texturierung, reserviert für Arbeitstage.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819386757299,"sku":"WEX-KE1 017 (64)","price":42.2,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819386790067,"sku":"WEX-KE5 012 (67)","price":113.3,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819386822835,"sku":"WEX-KE250 (60)","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/KeratinePro_57353a58-9c04-4f9a-baac-16b63418870a.png?v=1680254149"},{"product_id":"skincare-pro-shampoing-soin-traitant","title":"SKINCARE pro, Behandlungsshampoo","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eHautpflege-Profi\u003c\/strong\u003e ist das dermo-reinigende Shampoo \u003cstrong\u003eölig\u003c\/strong\u003e Special One, entwickelt für \u003cstrong\u003eproblematische oder empfindliche Haut\u003c\/strong\u003e. Es stellt das Gleichgewicht von Dermis und Haar wieder her, reguliert die natürliche Talgproduktion und sorgt bei regelmäßiger Anwendung für ein gesundes, geschmeidiges Haar. \u003cstrong\u003enatürliche Schutzbarriere\u003c\/strong\u003e gegen parasitäre Angriffe. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden — \u003cstrong\u003ebesonders wertvoll für Tiere, die an chronischen oder wiederkehrenden Hautproblemen leiden\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEs ist \u003cstrong\u003eölige Zusammensetzung\u003c\/strong\u003e Es pflegt intensiv, ohne das Gewebe zu schädigen. Es wirkt nicht wie ein einfaches Reinigungsshampoo, sondern wie ein \u003cstrong\u003eechte sanfte dermatologische Pflege\u003c\/strong\u003e wodurch die Haut langfristig wiederhergestellt, geschützt und ins Gleichgewicht gebracht wird.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eSchaumgrenze:\u003c\/strong\u003e Skincare Pro schäumt kaum und dringt nur schwer in dichtes oder dickes Fell ein. In diesen Fällen sollten Sie ein Produkt wählen, das besser zu Ihren Bedürfnissen passt. \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eWirkung gegen Hautanomalien\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEs wirkt gegen die wichtigsten Hautanomalien – Atopie, Dermatitis, epidermale Ungleichgewichte.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eJuckreizlindernd\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReduziert und lindert Juckreiz und Hautirritationen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti Schuppen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReguliert die Abschuppung und reduziert die Schuppenbildung deutlich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eIntensive Hydratation\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eSpendet trockenem oder geschädigtem Fell intensive Feuchtigkeit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eFettige Haut \u0026amp; Gerüche\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHilft bei fettiger, unangenehm riechender Haut, indem die natürliche Talgproduktion wiederhergestellt wird.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSchutzbarriere\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBei regelmäßiger Anwendung bildet es eine natürliche Schutzbarriere gegen Parasitenbefall.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniversal \u0026amp; weich\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise von Hautpflegeprofis besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Soin peau\", value: 5 }, { label: \"Volume\", value: 1 }, { label: \"Moussant\", value: 1 }, { label: \"Texture\", value: 3 }, { label: \"Hydratation\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS active Skincare Pro - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Skincare Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine ölige Formulierung mit \u003cstrong\u003e91 % der Inhaltsstoffe sind natürlichen Ursprungs.\u003c\/strong\u003e — ohne SLES, ohne SLS, ohne Parabene, ohne Silikone. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Skincare Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'huiles', label:'Complexe d’Huiles Naturelles', latin:'Olive · Maïs · Amande douce · Avocat · Coco', family:'cond',\n desc:\"Base lavante huileuse nourrissante : ces huiles apaisent et hydratent la peau sèche ou atopique sans altérer le film hydrolipidique.\",\n targets: [\n { anchor:'film_hydro', action:\"Nutrition lipidique\", benefit:\"Nourrit et reconstitue le film hydrolipidique sans le décaper.\" },\n { anchor:'epiderme', action:\"Apaisement des peaux sèches\", benefit:\"Hydrate et apaise les peaux sèches ou atopiques en profondeur.\" }\n ]\n },\n {\n id:'propolis', label:'Propolis', latin:'« L’antibiotique naturel »', family:'botanic',\n desc:\"Résine d’abeille aux propriétés antimicrobiennes et anti-inflammatoires : soulage les démangeaisons et protège la peau des infections.\",\n targets: [\n { anchor:'epiderme', action:\"Anti-inflammatoire\", benefit:\"Soulage les démangeaisons et combat les impuretés cutanées.\" },\n { anchor:'glande_seb', action:\"Protection antimicrobienne\", benefit:\"Protège la peau des infections au niveau du film cutané.\" }\n ]\n },\n {\n id:'fucus', label:'Algue Fucus Vesiculosus', latin:'Chêne marin', family:'aqua',\n desc:\"Algue nourrissante et hydratante : maintient la peau souple et hydratée tout en renforçant ses défenses physiologiques.\",\n targets: [\n { anchor:'derme', action:\"Renfort des défenses\", benefit:\"Renforce les défenses physiologiques cutanées en profondeur.\" },\n { anchor:'film_hydro', action:\"Hydratation durable\", benefit:\"Maintient la peau souple et hydratée.\" }\n ]\n },\n {\n id:'levures', label:'Levures (Saccharomyces)', latin:'Source de vitamines B', family:'bio',\n desc:\"Riches en vitamines B : elles renforcent et illuminent le pelage et contribuent à restaurer une barrière cutanée saine.\",\n targets: [\n { anchor:'epiderme', action:\"Barrière cutanée\", benefit:\"Contribuent à restaurer une barrière cutanée saine et équilibrée.\" },\n { anchor:'tige_poil', action:\"Éclat du pelage\", benefit:\"Renforcent et illuminent le poil de l’intérieur.\" }\n ]\n },\n {\n id:'passion', label:'Fruit de la Passion', latin:'Passiflora edulis', family:'botanic',\n desc:\"Extrait aux propriétés anti-inflammatoires et lénifiantes : il apaise les peaux irritées ou enflammées et renforce les défenses physiologiques.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant \u0026 lénifiant\", benefit:\"Apaise les peaux irritées ou enflammées.\" },\n { anchor:'derme', action:\"Renfort physiologique\", benefit:\"Renforce les défenses naturelles de la peau.\" }\n ]\n },\n {\n id:'citron', label:'Jus de Citron', latin:'Citrus limon', family:'bio',\n desc:\"Antimicrobien et antioxydant naturel : il réduit les mauvaises odeurs et aide à prévenir les infections cutanées.\",\n targets: [\n { anchor:'glande_sud', action:\"Action déodorante\", benefit:\"Réduit les mauvaises odeurs liées aux déséquilibres cutanés.\" },\n { anchor:'epiderme', action:\"Prévention des infections\", benefit:\"Aide à prévenir les infections grâce à son action antimicrobienne.\" }\n ]\n },\n {\n id:'mangue', label:'Extrait de Mangue', latin:'Mangifera indica', family:'aqua',\n desc:\"Riche en vitamines et antioxydants : il nourrit et protège la peau des agressions extérieures.\",\n targets: [\n { anchor:'epiderme', action:\"Protection antioxydante\", benefit:\"Protège la peau des agressions extérieures et du stress oxydatif.\" },\n { anchor:'tige_poil', action:\"Nutrition\", benefit:\"Nourrit la fibre et soutient sa vitalité.\" }\n ]\n },\n {\n id:'hydroxy', label:'Hydroxy-Acides de Fruits', latin:'AHA végétaux', family:'cond',\n desc:\"Acides de fruits qui exfolient délicatement les cellules mortes et favorisent la pénétration des actifs réparateurs.\",\n targets: [\n { anchor:'epiderme', action:\"Exfoliation douce\", benefit:\"Éliminent délicatement les cellules mortes et les squames.\" },\n { anchor:'film_hydro', action:\"Pénétration des actifs\", benefit:\"Facilitent l’hydratation profonde et la pénétration des actifs réparateurs.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eRein oder bis zu 1\/20\u003cbr\u003eabhängig von der Schwere des Problems\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdiv style=\"margin-bottom: 12px; padding: 12px 16px; background: #fff3cd; border-left: 3px solid #e67e22; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e❗️ Immer anwenden \u003cstrong\u003edirekt nach der Bio Energy Plus Maske\u003c\/strong\u003e, Kein Zwischenspülvorgang erforderlich – lassen Sie Bio Energy Plus seine Wirkung entfalten. \u003cstrong\u003emindestens 20 Minuten\u003c\/strong\u003e, idealerweise kombiniert mit \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e. \u003cstrong\u003eZwei Shampoos\u003c\/strong\u003e empfohlen für jedes Bad.\u003c\/div\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eBehandlungsprotokoll – Behandlungsbeginn\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZu Beginn der Behandlung, bei Haut mit ausgeprägtem Ungleichgewicht\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerlängerte Vorschwimmmaske\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAnwenden \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e Auf trockenem Haar. Nicht abtropfen lassen. \u003cstrong\u003eMindestens 20 Minuten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOhne die Maske abzuspülen, Skincare Pro auftragen. \u003cstrong\u003erein oder leicht verdünnt\u003c\/strong\u003e. Sanft einmassieren, anschließend abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eZweite Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEin zweites Mal shampoonieren, dann gründlich ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eRestaurative Oberfläche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme und\/oder Gesichtswasser\u003c\/strong\u003e. \u003cstrong\u003eFrequenz:\u003c\/strong\u003e Zu Beginn der Behandlung zweimal wöchentlich, danach je nach Entwicklung des Hautzustands in größeren Abständen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eWartungsprotokoll – regelmäßige Überwachung\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSobald sich die Haut stabilisiert hat, sollte das Hautgleichgewicht erhalten bleiben.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereiten Sie sich vor mit \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (20 Minuten Einwirkzeit), gegebenenfalls auch allein, wenn keine Hygroflüssigkeit benötigt wird.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDoppelte Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSkincare Pro verdünnt auftragen \u003cstrong\u003e1\/20\u003c\/strong\u003e Die Maske nicht ausspülen. Zweimal shampoonieren, dann ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSchutzlackierung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e zur Erhaltung der Hydrolipidbarriere. Regelmäßige Anwendung stärkt diese allmählich. \u003cstrong\u003enatürliche Schutzbarriere\u003c\/strong\u003e des Mantels.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Skincare Pro im Kern + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit Skincare Pro kompatibel. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDas Tragen einer Bademaske vor dem Schwimmen ist erforderlich (unbedingt notwendig)...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff ist nötig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme und\/oder Gesichtswasser\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDas Fell ist dicht oder dick…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Terme Pro (bessere Penetration)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Skincare Pro den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🩹 Hunde mit Hautanomalien \u003cspan\u003e(Atopie, Dermatitis, Reizungen, Juckreiz)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Völker \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Englische Zwergspaniel \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langes Fell \u0026amp; seidig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste – sanfte dermatologische Pflege für Problemhaut.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 91 %) | Frei von SLES, SLS, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Liter","offer_id":37819388330163,"sku":"WEX-SK1 015 (66)","price":63.9,"currency_code":"EUR","in_stock":true},{"title":"5 Liter","offer_id":37819388362931,"sku":"WEX-SK5 010 (68)","price":194.0,"currency_code":"EUR","in_stock":true},{"title":"250 ml","offer_id":37819388395699,"sku":"WEX-SK250 (62)","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Skincare.png?v=1680254223"},{"product_id":"bio-energy-plus-masque-pre-bain","title":"BIO ENERGY PLUS, masque au caviar vert","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eBIO ENERGY PLUS\u003c\/strong\u003e ist die hochkonzentrierte, zweifach wirkende Pre-Bath-Maske von Special One. \u003cstrong\u003e\u0026quot;Schönheit\u0026quot; und \u0026quot;Gesundheit\u0026quot;\u003c\/strong\u003e. Es wirkt sofort bei trockenem, schmutzigem und verfilztem Fell – sogar vor der Haarwäsche. Als unverzichtbarer Bestandteil des Special One Feuchtigkeitsprogramms revolutioniert es die Fellpflege und liefert bereits ab der ersten Anwendung sichtbare Ergebnisse. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eJeder wird es interessant finden – auch diejenigen, die noch nie eine Gesichtsmaske vor dem Baden verwendet haben und die eine Innovation entdecken, die ihre Pflegeroutine verändern wird.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- RADAR-BLOCK: KOSMETOLOGISCHES DIAGRAMM --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eBio Energy Plus Kosmetikdiagramm\u003c\/span\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Hydratation\", value: 5 },\n { label: \"Soin peau\", value: 5 },\n { label: \"Démêlant\", value: 3 },\n { label: \"Brillance\", value: 4 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSeine hochmoderne Zusammensetzung sorgt sofort für spürbare Linderung von Fell und Haut des Tieres. \u003cstrong\u003eEs wird auf trockenes, schmutziges, nicht verfilztes Haar aufgetragen – ohne vorheriges Ausspülen vor der Haarwäsche.\u003c\/strong\u003e Dieser zusätzliche Schritt im Vergleich zum klassischen Badezyklus ist jedoch derjenige, von dem die Qualität des Endergebnisses stark abhängt.\u003c\/p\u003e \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDoppelwirkung Schönheit \u0026amp; Gesundheit :\u003c\/strong\u003e Verbessert die Textur und pflegt gleichzeitig Haut und Fell intensiv.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eIntensive Hydratation:\u003c\/strong\u003e Es spendet Feuchtigkeit, pflegt, behandelt und regeneriert Fell und Haut ab der ersten Anwendung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eErwecke die Farben zum Leben:\u003c\/strong\u003e Regt die Melaninproduktion an – die natürlichen Fellfarben gewinnen an Intensität und Tiefe.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eKutane Mikrozirkulation:\u003c\/strong\u003e Aktiviert die Durchblutung der Haarwurzeln und fördert so das Haarwachstum und die Fellerneuerung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatur:\u003c\/strong\u003e Hilft bei der Reparatur beschädigter, geschwächter oder überbeanspruchter Mäntel.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVorbereitung zum Schneiden:\u003c\/strong\u003e Ideal zur Vorbereitung von Fellen vor einem Scherenschnitt oder einer Salonbehandlung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-Mutter-Effekt \u0026amp; Entwirren:\u003c\/strong\u003e Erleichtert das Entfernen abgestorbener Haare und hilft, Haarausfall zu verhindern oder zu beschleunigen.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniversal:\u003c\/strong\u003e Geeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine hochmoderne Rezeptur, die marine, pflanzliche und strukturierende Wirkstoffe kombiniert – ohne Parabene, ohne Silikone.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Hydrolysiertes Kollagen\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eEntzündungshemmende Wirkung – stärkt die innere Struktur des Haares und verbessert die Elastizität der Haarfaser.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Grüner Kaviar (Caulerpa lentillifera)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eAnti-Aging-Meeresalgen aus Japan: reich an Mineralien (Eisen, Kalzium, Zink, Kalium), Vitamin A \u0026amp; Vitamin C und Aminosäuren. Stimuliert die Produktion von Kollagen und Elastin.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Spirulina\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eEin starkes Antioxidans, das geschädigtem Fell neue Vitalität und Glanz verleiht.Reduziert die Talgproduktion, bekämpft Schuppen, beugt Haarausfall vor und fördert das Haarwachstum.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Fucus (Strandeiche)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eReich an Jod, Polyphenolen und Vitaminen. Polyphenole unterstützen die Zellregeneration; Jod aktiviert den Stoffwechsel und verbessert die Durchblutung der Haarwurzeln.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Laminaria\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatürliche Entgiftung dank Alginsäure – bildet bei Kontakt mit Wasser ein Gel, das für die Haut schädliche Substanzen bindet und ausscheidet.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 10px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 \u003cstrong\u003eAls Vorbehandlung vor dem Baden: Auf trockenes, schmutziges, nicht verfilztes Haar auftragen.\u003c\/strong\u003e Vor dem Shampoonieren nicht ausspülen – das ist das Grundprinzip der Vorbademaske. \u003c\/div\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #fff8e1; border-left: 3px solid #f0a500; font-size: 13px;\"\u003e ⚠️ Nicht länger als \u003cstrong\u003e30 Minuten\u003c\/strong\u003e. Das Produkt vor dem Haarewaschen nicht ausspülen. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 1 🔥 Schönheitsziel – Ausstrahlung, Textur \u0026amp; Farben\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e 1. Bio Energy Plus verdünnen auf \u003cstrong\u003e1\/20\u003c\/strong\u003e.\u003cbr\u003e 2. Auf trockenes, schmutziges, ungekämmtes Fell auftragen – dabei darauf achten, dass das gesamte Fell gut bedeckt wird.\u003cbr\u003e 3. Lassen Sie es ruhen. \u003cstrong\u003e5 bis 30 Minuten\u003c\/strong\u003e abhängig von der gewünschten Intensität.\u003cbr\u003e 4. Gehen Sie direkt zum Shampoonieren über. \u003cstrong\u003enicht abspülen\u003c\/strong\u003e vorher.\u003cbr\u003e Ergebnis: verbesserte Textur, aufgefrischte Farben, neuer Glanz direkt nach dem Baden. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Gesundheitsziel – Haut \u0026amp; beschädigtes Fell\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Bei empfindlicher oder gereizter Haut oder stark geschädigtem Fell:\u003cbr\u003e 1. Tragen Sie das Produkt auf. \u003cstrong\u003erein auf die kritischsten Bereiche\u003c\/strong\u003e (trockene, gereizte Stellen, brüchiges Haar).\u003cbr\u003e 2. Verdünnen auf \u003cstrong\u003e1\/15\u003c\/strong\u003e zur Anwendung auf dem restlichen Fell.\u003cbr\u003e 3. \u003cstrong\u003eDecken Sie das Tier mit einem Handtuch ab.\u003c\/strong\u003e und lass es ruhen \u003cstrong\u003e20 bis 30 Minuten\u003c\/strong\u003e für eine maximale Aufnahme der reparierenden Wirkstoffe.\u003cbr\u003e 4. Fahren Sie mit dem Shampoonieren fort, ohne vorher auszuspülen – das erste Shampoo wird direkt auf das aufzutragende Produkt gegeben.\u003cbr\u003e\u003cbr\u003e \u003cdiv style=\"background: #f0f7ff; border-left: 3px solid #4a90d9; padding: 10px 12px; font-size: 12px;\"\u003e 💧 \u003cstrong\u003eBei anhaltenden Hautveränderungen:\u003c\/strong\u003e Es wird empfohlen, folgendes Bad mit Shampoo durchzuführen. \u003cstrong\u003eHautpflege-Profi\u003c\/strong\u003e um die therapeutische Wirkung der Maske zu verstärken. \u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Ziel: Entwirrung \u0026amp; Anti-Mutter-Effekt\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Zur Behandlung, Beschleunigung oder Vorbeugung von Haarausfall und zur Erleichterung des Entwirrens:\u003cbr\u003e 1. Verdünnen auf \u003cstrong\u003e1\/20\u003c\/strong\u003e, Anschließend eine Pflegecreme und ein ölhaltiges Produkt aus der Serie (4 Elements Oils oder Aqua Dolce) hinzufügen.\u003cbr\u003e 2. Auf trockenes Haar auftragen. \u003cstrong\u003eVerwenden Sie Ihre gewohnten Pflegeutensilien.\u003c\/strong\u003e (Bürste, Kamm) — Das Produkt erleichtert das Entfernen abgestorbener Haare und das sanfte Entwirren.\u003cbr\u003e 3.Nach etwa zehn Minuten können Sie direkt mit dem Haarewaschen fortfahren. \u003cstrong\u003enicht abspülen\u003c\/strong\u003e. \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #f6f6f6; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ FÖRDERVERBÄNDE:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e Für optimale Wirksamkeit mischen Sie Bio Energy Plus mit einem oder mehreren der folgenden Stoffe: \u003cstrong\u003eölbasierte Integratoren\u003c\/strong\u003e :\u003cbr\u003e ✨ \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e und\/oder \u003cstrong\u003e4-Element-Öle\u003c\/strong\u003e und\/oder \u003cstrong\u003eBombastisch\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e Anschließend wird das Bad mit einem beliebigen Shampoo + einer Maske + einem Conditioner aus der Special One-Reihe verlängert. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eKompatibel mit der gesamten Special One-Produktreihe. Bio Energy Plus ist die \u003cstrong\u003eerster Schritt\u003c\/strong\u003e — Der Rest des Badeprotokolls erfolgt im Anschluss.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Katzen – insbesondere zum Entfetten ohne Abstreifen.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Hunde im Salon – um ein schnelles Wiederauftreten von Knoten zu verhindern.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lockenfellrassen: Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington…\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Cocker Spaniels (Amerikanisch, Englisch)\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tibetische Rassen: Shih Tzu, Lhasa Apso, Tibet Terrier…\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Englische Zwergspaniel (Cavalier und King Charles)\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lange, seidige Pelze: Yorkshire, Afghan…\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Terrier: Schottische Terrier, West Highland White Terrier, Waliser Terrier… — lange und nicht vollständige Liste!\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819388494003,"sku":"WEX-BIO250 (100)","price":23.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819388428467,"sku":"WEX-BIO1 02 (106)","price":46.3,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819388461235,"sku":"WEX-BIO5 01 (99)","price":142.8,"currency_code":"EUR","in_stock":true},{"title":"10 Litres","offer_id":37819388526771,"sku":"WEX-KE10000 (251)","price":249.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/bioEnergyPlus.png?v=1680247667"},{"product_id":"aquarosa-passion-special-one","title":"Aquarosa PASSION Pro * Paillettes *","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUAROSA PASSION\u003c\/strong\u003e Es wurde für wahre Enthusiasten geschaffen. \u003cstrong\u003e95 % identisch mit dem Aquarosa Pro\u003c\/strong\u003e — dieselbe Multivitaminformel, dieselbe Wirksamkeit — plus ein \u003cstrong\u003ereichhaltige und seidig-cremige Textur\u003c\/strong\u003e, ein zarter und einhüllender Duft, \u003cstrong\u003efunkeln\u003c\/strong\u003e Um Ihrer Pflegeroutine einen Hauch von Magie zu verleihen.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird es als wirklich vorteilhaft empfinden – von professionellen Hundefriseursalons bis hin zu Einzelpersonen, die möchten \u003cstrong\u003eVerleihen Sie Ihrem Haustier Stil\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"3\" cy=\"7\" cx=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle r=\"2\" cy=\"11\" cx=\"17\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAquarosa Passion teilt die Rezeptur von\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — Special One Shampoo, speziell für Felle, die dringend Pflege benötigen: intensive Feuchtigkeitspflege und Nährstoffe, integrierter Conditioner, natürliche Wirkstoffe. Der Unterschied? Eine unverwechselbare Farbe, ein \u003cstrong\u003eeinhüllender, charakteristischer Duft\u003c\/strong\u003e Und \u003cstrong\u003eGlitzer, der die Körperpflege einzigartig macht\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSanftes Bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenreinigung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt, desinfiziert und verleiht allen Haartypen Glanz.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSofortige Ernährung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eAktive feuchtigkeitsspendende und pflegende Wirkung, sichtbar ab der ersten Haarwäsche.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 7c3 3 7 7 10 10M17 7C14 10 10 14 7 17\"\u003e\u003c\/path\u003e\u003ccircle r=\"2.4\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Knoten\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErleichtert das Entwirren und Bürsten, verringert das Risiko erneuter Knoten.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinschutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eStärkt die natürlichen Abwehrkräfte zum Schutz der Haarstruktur.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 5;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHäufiges Baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eAuch bei intensiver Anwendung besteht kein Risiko für Haut und Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 6;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003ePerlmutt \u0026amp; funkeln\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003ePerlmuttartige Textur mit perlmuttartigen und neonfarbenen Reflexen: ein multisensorisches Spa-Ritual, einhüllender Duft und einzigartiger Leuchteffekt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Funktionsweise von Aquarosa Passion besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 3 }, { label: \"Démêlant\", value: 3 }, { label: \"Texture\", value: 1 }, { label: \"Volume\", value: 3 }, { label: \"Soin peau\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Aquarosa Passion aktives JS-MAPPING - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Aquarosa Passion: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eAquarosa Passion teilt die natürliche Multivitaminzusammensetzung von\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — ohne SLES, ohne DEA, ohne Parabene. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aquarosa Passion\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'rose', label:'Extraits de Rose Sauvage \u0026 Mauve', latin:'Rosa canina \u0026 Malva', family:'botanic',\n desc:\"Extraits floraux riches en antioxydants, anti-inflammatoires, provitamine A et acides gras insaturés : ils nourrissent la fibre et apaisent la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition antioxydante\", benefit:\"Nourrissent la fibre et la protègent du stress oxydatif.\" },\n { anchor:'epiderme', action:\"Apaisement\", benefit:\"Apaisent la peau grâce à leurs propriétés anti-inflammatoires.\" }\n ]\n },\n {\n id:'flavo', label:'Flavonoïdes \u0026 Vitamine C', latin:'Antioxydants végétaux', family:'bio',\n desc:\"Stimulent la synthèse de collagène et luttent contre le vieillissement cellulaire : éclat et vitalité du manteau.\",\n targets: [\n { anchor:'derme', action:\"Synthèse de collagène\", benefit:\"Stimulent le collagène et soutiennent la fermeté de la peau.\" },\n { anchor:'tige_poil', action:\"Éclat \u0026 vitalité\", benefit:\"Luttent contre le vieillissement cellulaire pour un poil éclatant.\" }\n ]\n },\n {\n id:'chlorella', label:'Chlorella', latin:'Algue verte', family:'aqua',\n desc:\"Algue détoxifiante : elle hydrate en profondeur tout en purifiant la peau et le poil.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation profonde\", benefit:\"Apporte une hydratation durable à la surface cutanée.\" },\n { anchor:'epiderme', action:\"Détoxification\", benefit:\"Purifie et détoxifie la peau et le poil.\" }\n ]\n },\n {\n id:'eaudemer', label:'Eau de Mer', latin:'Oligo-éléments marins', family:'aqua',\n desc:\"Hautement purifiante, elle apporte minéraux et oligo-éléments essentiels qui rééquilibrent et renforcent la peau.\",\n targets: [\n { anchor:'epiderme', action:\"Purification\", benefit:\"Purifie et rééquilibre la peau.\" },\n { anchor:'derme', action:\"Reminéralisation\", benefit:\"Renforce la peau grâce aux oligo-éléments essentiels.\" }\n ]\n },\n {\n id:'glycurea', label:'Glycérine \u0026 Urée', latin:'Humectants', family:'aqua',\n desc:\"Agents hydratants qui retiennent l’humidité dans la fibre : ils maintiennent le poil élastique et soyeux.\",\n targets: [\n { anchor:'film_hydro', action:\"Rétention d’eau\", benefit:\"Retiennent l’humidité dans la fibre pour un poil souple.\" },\n { anchor:'cuticule', action:\"Souplesse \u0026 soyeux\", benefit:\"Maintiennent un toucher soyeux et élastique.\" }\n ]\n },\n {\n id:'conditionneur', label:'Complexe Conditionneur', latin:'Agents démêlants', family:'cond',\n desc:\"Facilite le peigne, élimine les nœuds et améliore la texture générale du manteau.\",\n targets: [\n { anchor:'cuticule', action:\"Démêlage \u0026 lissage\", benefit:\"Lisse la cuticule, élimine les nœuds et facilite le peigne.\" },\n { anchor:'tige_poil', action:\"Texture du manteau\", benefit:\"Améliore la texture générale et la maniabilité du poil.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil auf 20 Teile Wasser\u003cbr\u003e— oder rein\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSchnelle, sparsame Fellpflege \u0026amp; wirksam\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eDas Grundprotokoll für ein sanftes Bad\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eErstes Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie das Bad direkt mit dem verdünnten Aquarosa Passion auf dem nassen Fell. Ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eZweite Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWenden Sie eine an \u003cstrong\u003ezweites Shampoo\u003c\/strong\u003e, anschließend erneut abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLetzte Pflege\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZum Schluss den passenden Conditioner auftragen: \u003cstrong\u003eFeuchtigkeitscreme, Bombastic oder Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eExtrem intensive Aktionen – Messe, Notfall oder Ausstellung\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZum Entwirren im Salon, zur Reparatur stark geschädigten Fells oder zur Verschönerung des Show-Groomings\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eStürze dich mit einem auf die Badewanne \u003cstrong\u003eMaske vor dem Baden\u003c\/strong\u003e Bio Energy oder Bombastic, angereichert mit 4 Element Oils oder Hydrating Cream.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAquarosa Passion anwenden \u003cstrong\u003edirekt nach dem Auftragen der Maske, ohne Zwischenspülung\u003c\/strong\u003e. Konzentrieren Sie sich stärker und kombinieren Sie es mit Bombastic für eine größere Wirkung.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaid \u0026amp; Doppelshampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEinige Augenblicke einwirken lassen, wenn möglich einmassieren. \u003cstrong\u003eZwei Haarwäschen werden empfohlen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBei Bedarf zum Schluss eine Spülung oder eine Maske auftragen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntegrationsförderer – Ernährung \u0026amp; Volumen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZwei Optionen zur individuellen Anpassung der Aktion der Aquarosa Passion\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eNährstoff-Boost\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHinzufügen \u003cstrong\u003eeinen Löffel Aqua Dolce\u003c\/strong\u003e In Ihre Aquarosa Passion-Mischung geben. Auftragen, einwirken lassen und anschließend mit lauwarmem Wasser abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLautstärkeverstärkung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMischen Sie Aquarosa Passion mit dem Mousse \u003cstrong\u003eAqua Vita\u003c\/strong\u003e : Durch den Sprudeleffekt wird das Volumen erhöht und die Waschkraft verstärkt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv style=\"margin-top: 12px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; padding: 10px 14px; font-size: 12px; line-height: 1.5;\"\u003e💡 Bei beiden Varianten das Trocknen durch Bürsten abschließen. \u003cstrong\u003eAqua Beauty oder Mix Pink\u003c\/strong\u003e für ein noch weicheres und glänzenderes Fell.\u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Aquarosa Passion im Herzen + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eGleiche Assoziationen wie die\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — Die gesamte Special One Kollektion ist kompatibel. Unsere Lieblings-Eheringe:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine zweite Haarwäsche wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e4Poodle · Bain Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff ist nötig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Aquarosa Passion den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱🐶 Alle Hunderassen \u0026amp; Katzen \u003cspan\u003e(gleiche Spezifikationen wie das Aquarosa Pro)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Die Enthusiasten \u003cspan\u003e(Leistung \u0026amp; Originalität in der Pflegeroutine)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste – die gesamte Leistung des Aquarosa Pro, mit zusätzlichem Zauber.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Petdesign.fr","offers":[{"title":"250 mL","offer_id":40196750803123,"sku":"WAQ-AQROP250 (141)","price":25.9,"currency_code":"EUR","in_stock":true},{"title":"5 L","offer_id":40196750835891,"sku":"WAQ-AQROP5000 (154)","price":147.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/AquarosaPassion.png?v=1680253913"},{"product_id":"aquablu-pro-shampoing-bleu","title":"AQUABLU PRO","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUABLU PRO\u003c\/strong\u003e ist das Special One Profi-Shampoo mit \u003cstrong\u003emarine, biobasierte Produkte und reflektierende blaue Pigmente\u003c\/strong\u003e, entworfen für \u003cstrong\u003eVergilbung neutralisieren und die Leuchtkraft natürlicher Farben intensivieren\u003c\/strong\u003e. Ideal für weißes Fell, intensiviert es auch schwarzes, rehbraunes und zweifarbiges Fell. Die besonders sanfte Formel ist für empfindliche Haut und häufige Anwendung geeignet.\u003c\/div\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 0 0 16px;\"\u003e❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e Wenn es nicht darum geht, Vergilbungen zu entfernen oder den Glanz des Fells wiederherzustellen: Das reflektierende blaue Pigment ist ein gezielter Wirkstoff, der bei einheitlich dunklen Fellen ohne unerwünschte Reflexionen kein Interesse weckt.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas von echtem Interesse finden – von Fachmessen bis hin zu Einzelpersonen. \u003cstrong\u003eSobald das Tier weiße, glänzend schwarze oder goldene Bereiche aufweist\u003c\/strong\u003e in seinem Fell.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSein \u003cstrong\u003ereflektierende blaue Pigmente\u003c\/strong\u003e Es neutralisiert optisch gelbliche und orangefarbene Verfärbungen – verursacht durch Sonne, Talg, Urin oder Speichel – und sorgt so für ein reines, strahlendes Weiß. Die fortschrittliche Formel reinigt nicht nur, sondern spendet Feuchtigkeit, schützt und stärkt die Haut, ohne ihr die natürlichen Öle zu entziehen.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 4a8 8 0 0 0 0 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003ePerfektes Weiß\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eNeutralisiert Vergilbungen, die durch Sonne, Talg, Urin oder Speichel verursacht werden – strahlende Ergebnisse ab dem ersten Bad.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eLeuchtende Farben\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerstärkt die natürliche Leuchtkraft – Weiß, glänzendes Schwarz und Rehbraun wirken noch schöner.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenreinigung \u0026amp; weich\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und desinfiziert, ohne dem Fell seine natürlichen Öle zu entziehen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 7c3 3 7 7 10 10M17 7C14 10 10 14 7 17\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2.4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Knoten\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerstärkt niemals das natürliche Volumen – begrenzt die Neubildung von Knoten zwischen den Bädern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinschutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eStärkt die natürlichen Abwehrkräfte zum Schutz der Haarstruktur.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEmpfindliche Haut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBesonders sanfte Formel, perfekt für reaktive Haut – geeignet für alle Altersgruppen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHäufiges Baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003ePerfekt geeignet für den regelmäßigen Gebrauch, um einen Mantel makellos aussehen zu lassen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Funktionsweise des Aquablu Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Blancheur\", value: 5 }, { label: \"Éclat couleur\", value: 5 }, { label: \"Hydratation\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Démêlant\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Aquablu Pro aktives JS-MAPPING - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Aquablu Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine präzise Formulierung kombiniert \u003cstrong\u003eReflektierende optische Wirkung, Feuchtigkeitsversorgung und Hautschutz\u003c\/strong\u003e — Frei von Parabenen und Silikonen. Hier erfahren Sie Zone für Zone, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aquablu Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'pigments', label:'Pigments Bleus Réfléchissants', latin:'Actif optique signature', family:'cond',\n desc:\"L’actif signature d’Aquablu Pro : déposés sur la fibre, ces pigments neutralisent optiquement les teintes jaunes et orangées pour un blanc pur et radieux dès la première application.\",\n targets: [\n { anchor:'tige_poil', action:\"Neutralisation optique\", benefit:\"Annulent le reflet jaune\/orangé de la fibre pour révéler un blanc pur.\" },\n { anchor:'cuticule', action:\"Éclat \u0026amp; luminosité\", benefit:\"Se déposent sur la cuticule pour intensifier la luminosité des couleurs.\" }\n ]\n },\n {\n id:'bleuet', label:'Extrait de Bleuet', latin:'Centaurea cyanus', family:'botanic',\n desc:\"Extrait végétal aux propriétés lénifiantes et décongestionnantes : il apaise les peaux sensibles et réduit les rougeurs causées par des agents externes.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant \u0026 décongestionnant\", benefit:\"Apaise les peaux sensibles et réduit les rougeurs.\" },\n { anchor:'film_hydro', action:\"Confort cutané\", benefit:\"Préserve le confort de surface des peaux réactives.\" }\n ]\n },\n {\n id:'chlorella', label:'Chlorella Vulgaris', latin:'Algue marine', family:'aqua',\n desc:\"Algue riche en acides aminés, vitamines et minéraux : elle protège et renforce la structure du poil, améliore sa résistance et sa luminosité.\",\n targets: [\n { anchor:'tige_poil', action:\"Renfort \u0026 résistance\", benefit:\"Renforce la structure du poil et améliore sa résistance.\" },\n { anchor:'cuticule', action:\"Luminosité\", benefit:\"Lisse la surface pour rehausser la luminosité du manteau.\" }\n ]\n },\n {\n id:'alginate', label:'Alginate Hydrolysée', latin:'Dérivé d’algues marines', family:'aqua',\n desc:\"Extraite d’algues marines : puissante action hydratante et reminéralisante, elle favorise la santé du manteau et prévient la sécheresse cutanée.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation intense\", benefit:\"Apporte une hydratation profonde et prévient la sécheresse cutanée.\" },\n { anchor:'epiderme', action:\"Reminéralisation\", benefit:\"Reminéralise la peau et soutient la santé du manteau.\" }\n ]\n },\n {\n id:'vitb12', label:'Vitamine B12 \u0026amp; Bêta-Carotène', latin:'Cobalamine \u0026 provitamine A', family:'bio',\n desc:\"Hydratent la structure du poil de l’intérieur et neutralisent les toxines environnementales : ils contribuent à la vitalité et à l’éclat durable du manteau.\",\n targets: [\n { anchor:'tige_poil', action:\"Hydratation interne\", benefit:\"Hydratent la fibre de l’intérieur pour un éclat durable.\" },\n { anchor:'epiderme', action:\"Anti-toxines\", benefit:\"Neutralisent les toxines environnementales et soutiennent la vitalité.\" }\n ]\n },\n {\n id:'eaudemer', label:'Eau de Mer', latin:'Oligo-éléments marins', family:'bio',\n desc:\"Riche en oligo-éléments essentiels : elle rééquilibre et renforce la peau, lui apporte vitalité et protection contre les agressions extérieures.\",\n targets: [\n { anchor:'derme', action:\"Reminéralisation profonde\", benefit:\"Apporte les oligo-éléments qui renforcent la peau en profondeur.\" },\n { anchor:'epiderme', action:\"Protection \u0026 vitalité\", benefit:\"Protège la peau des agressions extérieures et soutient sa vitalité.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Verdünnung P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eRein auf vergilbten Bereichen\u003cbr\u003eoder 1\/20 für ein sanftes Bad\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003ePflegebad – tägliche Aufhellung\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZur regelmäßigen Pflege des weißen Kittels\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerdünnte Anwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünntes Aquablu Pro auftragen \u003cstrong\u003e1\/20\u003c\/strong\u003e Auf das nasse Fell auftragen. Einmassieren, bis ein weicher Schaum entsteht, einige Minuten einwirken lassen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDoppelte Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGründlich ausspülen, dann erneut shampoonieren. \u003cstrong\u003eZwei Haarwäschen werden empfohlen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLetzte Pflege\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme oder Extra Body Creme\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFertig mit \u003cstrong\u003eMix Pink oder Style 360\u003c\/strong\u003e. Kann bei häufigen Bädern verwendet werden, um zwischen Ausstellungen ein perfekt weißes Fell zu erhalten.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensive Maßnahmen gegen Vergilbung – vor Ausstellung oder Wettbewerb\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür maximalen Glanz vor der Ringpräsentation\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereiten Sie sich vor mit \u003cstrong\u003eBio Energy Plus + Integratoren\u003c\/strong\u003e (Hygro Fluid, 4 Element Oils) als Maske vor dem Baden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eReine Anwendung ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAquablu Pro auftragen \u003cstrong\u003ePur, direkt auf die Maske auftragen, ohne sie abzuspülen.\u003c\/strong\u003e. Lassen Sie es einige Minuten einwirken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDoppelte Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAusspülen und anschließend erneut shampoonieren. \u003cstrong\u003eZwei Haarwäschen werden empfohlen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme oder Extra Body Creme\u003c\/strong\u003e, Zum Schluss Mix Pink oder Style 360 ​​verwenden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003ePigmentierung verstärken – mit Aqua Vita mischen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eUm die Wirkung des blauen Pigments weiter zu verstärken\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMischung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDirekt mischen \u003cstrong\u003eAquablu Pro mit Aqua Vita Schaum\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerbesserte Durchdringung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDie sprudelnde Wirkung von Aqua Vita fördert die \u003cstrong\u003eEindringen von blauem Pigment in die Haarstruktur\u003c\/strong\u003e, Verstärkung der Anti-Vergilbungswirkung.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLaid \u0026amp; Spülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAuftragen, einige Minuten einwirken lassen, gründlich ausspülen. Die regelmäßige Anwendung dieses Duos hält Ihr Fell länger weiß, makellos und glänzend.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Aquablu Pro in seiner Basis + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit dem Aquablu Pro kompatibel.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + Integratoren\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff ist nötig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Extra Körpercreme\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Vergilbungshemmung ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Vita (sprudelnder Schaum)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Aquablu Pro den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🤍 Weiße oder zweifarbige\/dreifarbige Kleider \u003cspan\u003e(Katzen) \u0026amp; Hunde mit weißen Abzeichen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🖤 Glänzende schwarze Mäntel \u0026amp; wilde Tiere \u003cspan\u003e(erhabene Farben)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Weißes lockiges Fell \u003cspan\u003e(Pudel, Bichons, Havaneser, Coton de Tuléar, Bedlington Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Hellhäutige tibetische Rassen \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Weiße oder zweifarbige Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Hellfarbige englische Toy Spaniels \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Lang \u0026amp; seidig weiß \u003cspan\u003e(Malteser, Afghanische Windhunde, Zweifarbige Yorkshire Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Weiße Terrier \u003cspan\u003e(Westie, Schottisch, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste – überall dort, wo es weiße, glänzend schwarze oder goldene Flächen gibt, die aufgefrischt werden sollen.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819388854451,"sku":"WAQ-AQBL250 (39)","price":19.9,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819388821683,"sku":"WAQ-AQBL5000 (35)","price":112.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquablue_bea85c6e-3219-48bd-aa0f-2cc32655cd93.png?v=1680256908"},{"product_id":"huiles-4-elements","title":"HUILES 4 ELEMENTS","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003e4-Element-Öle – Spezialöl | Produktdatenblatt\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003e4-ELEMENTE-ÖLE\u003c\/strong\u003e ist die Special One Ölmischung, die für \u003cstrong\u003estärken und das Fell wiederaufbauen\u003c\/strong\u003e. Ein wahrer Alleskönner, der das Fell aller Rassen pflegt – als Pflegemittel, Entwirrer, Vorbehandlung vor dem Baden, in Folienwickel oder Umschlägen. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eJeder wird es als wirklich vorteilhaft empfinden – dieses Produkt verbessert ausnahmslos alle Fellarten.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDieser Komplex von \u003cstrong\u003evier wertvolle Pflanzenöle\u003c\/strong\u003e — formuliert unter Verwendung von Brüchen \u003cstrong\u003eUnverseifbares\u003c\/strong\u003e, Die wertvollsten Inhaltsstoffe jedes Öls, reich an fettlöslichen Vitaminen, Antioxidantien, Polyphenolen und Squalen, fließen in jeden Pflegeschritt ein. Seine Vielseitigkeit und Sanftheit machen es zu einer unverzichtbaren Ergänzung für jedes Pflege-Set. \u003cstrong\u003eNicht fettend, nicht okklusiv\u003c\/strong\u003e : Dank seiner Affinität zu Talg und seiner talgregenerierenden Eigenschaften wird es leicht von Haut und Haar aufgenommen und pflegt intensiv und langanhaltend, ohne jemals zu beschweren.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ \u003cstrong\u003eNicht in großen Mengen in Leave-in-Conditionern verwenden:\u003c\/strong\u003e Zu viel Öl und die Hitze des Föhns haben einen „Kocheffekt“ – das Haar wird trocken und geschädigt. Verwenden Sie stattdessen Öl. \u003cstrong\u003eoberhalb des Bades\u003c\/strong\u003e, nicht unmittelbar vor dem Föhnen. \u003c\/div\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitalisierende Maßnahmen \u0026amp; Umstrukturierung:\u003c\/strong\u003e Stärkt und regeneriert das Fell von innen heraus.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHelligkeit \u0026amp; samtiges Gefühl:\u003c\/strong\u003e Es verleiht dem Fell bereits ab der ersten Anwendung Glanz und Geschmeidigkeit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEntwirrer:\u003c\/strong\u003e Erleichtert das Entwirren und Bürsten – auch bei Knoten im trockenen Zustand wirksam.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-Filzing:\u003c\/strong\u003e Verhindert, dass sich zwischen den Bädern erneut Knoten und Verfilzungen bilden.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatur:\u003c\/strong\u003e Repariert gebrochenes und geschädigtes Haar und stärkt die Haarfaser langfristig.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVerbessertes Wachstum:\u003c\/strong\u003e Bei Anwendung in Papilloten und Umschlägen verbessert es das Wachstum und die Fellqualität.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniversal:\u003c\/strong\u003e Geeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eVier wertvolle Pflanzenöle mit sich ergänzenden Eigenschaften – frei von Parabenen und Silikonen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Arganöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eGewonnen aus Argania Spinosa aus Marokko. Antioxidativ, feuchtigkeitsspendend, elastizitätsfördernd und heilend – zieht dank seiner talgregulierenden und Anti-Aging-Eigenschaften schnell ein. Reich an ungesättigten Fettsäuren (Linolsäure, Ölsäure), Carotin, Vitamin E und Sterolen. Ideal für trockenes und krauses Fell.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Walnussöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eReich an Tanninen, Flavonoiden, Gallussäure und Kaffeesäure. Besitzt reinigende, antibakterielle, antimykotische und entzündungshemmende Eigenschaften.Lässt sich schnell verteilen und glättet krauses oder widerspenstiges Haar – ideal zur Zubereitung von Bädern oder Masken.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Sonnenblumenöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eKaltgepresst, reich an Ölsäure (32 %) und Linolsäure (54 %) sowie dem antioxidativen Vitamin E. Stärkt die natürliche Lipidbarriere der Haut und beugt Austrocknung vor. Zellregenerierend – pflegend, feuchtigkeitsspendend und ausgleichend für empfindliche oder gereizte Haut.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Sojaöl (Maisöl)\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eGewonnen aus Maiskeimen – leicht, pflegend und tonisierend. Sehr gut verträglich bei trockener Haut. Reich an Vitamin E, Ölsäure und Linolsäure – einem natürlichen Anti-Aging-Wirkstoff, der den Hydrolipidfilm ausgleicht, das Fell zum Glänzen bringt und es samtig weich macht.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 1 🔥 Integrator – in der Pre-Bath-Maske oder Spülung\u003c\/span\u003e \u0026amp;NACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Die universelle Integrationsmethode:\u003cbr\u003e 💫 auf jeden \u003cstrong\u003eMaske vor dem Baden\u003c\/strong\u003e : \u003cstrong\u003e3 Drücke von 4-Element-Öl pro Liter\u003c\/strong\u003e des zubereiteten Produkts.\u003cbr\u003e 💫 Im\u003cstrong\u003eFeuchtigkeitscreme am Ende des Bades\u003c\/strong\u003e : hinzufügen \u003cstrong\u003e1 Drücken\u003c\/strong\u003e um die Spülung anzureichern.\u003cbr\u003e 💫 Bei stark beschädigtem Fell: Öle auftragen. \u003cstrong\u003ebis zu 24 Stunden vor dem Bad\u003c\/strong\u003e um den Zeitpunkt der Wirkung und die Intensität der Vorteile zu maximieren. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Trockenes Entwirren — Knoten \u0026amp; Filzarbeiten\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Zur Behandlung von Knoten und verfilzten Stellen, ohne das Haar anzufeuchten:\u003cbr\u003e 💫 Wenden Sie die \u003cstrong\u003eReine 4-Element-Öle direkt auf den Knoten\u003c\/strong\u003e. Lassen Sie es einige Augenblicke einwirken.\u003cbr\u003e 💫 Bürsten Sie vorsichtig mit einer weichen Borstenbürste – der Knoten löst sich schmerzfrei und ohne Haarbruch.\u003cbr\u003e 💫 Auf dem \u003cstrong\u003eHunde, die in Folie oder mit Gummibändern eingewickelt sind\u003c\/strong\u003e : Beim Öffnen der Verpackung sollten Sie, falls das Haar verknotet oder verfilzt ist, reines Öl auf die Strähne auftragen und mit einer weichen Bürste durchkämmen. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Papillotes \u0026amp; Umschläge — sprossen \u0026amp; Wettbewerb\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Für Hunde, die in Folienverbänden eingewickelt sind oder eine Langzeitbehandlung zur Förderung des Haarwachstums benötigen:\u003cbr\u003e 💫 Verwenden Sie die Öle \u003cstrong\u003epur oder gemischt mit Aqua Dolce + Feuchtigkeitscreme\u003c\/strong\u003e die Stränge vorbereiten und einwickeln.\u003cbr\u003e 💫 Der Ölkomplex nährt die Faser über einen längeren Zeitraum und verbessert die Qualität und Dichte des Nachwachsens über mehrere Wochen.\u003cbr\u003e 💫 Ideal zur Wettkampfvorbereitung für Rassen, deren Fell lang, dicht und glänzend sein muss. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 4 🔥 Regenerierende Pflegespülung nach dem Baden – für stark geschädigtes Fell\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Für eine intensive Pflegewirkung nach der Haarwäsche:\u003cbr\u003e 1. In einer Schüssel vermischen \u003cstrong\u003e10 Tropfen 4-Element-Öle + 2 Esslöffel Sahne\u003c\/strong\u003e Sie haben die Wahl: Feuchtigkeitscreme, Aqua Dolce oder Extra Body Cream.\u003cbr\u003e 2. Verdünnen mit \u003cstrong\u003e500 ml heißes Wasser\u003c\/strong\u003e und gut vermischen.\u003cbr\u003e 3. Gleichmäßig über die gesamte Haarlänge auftragen.\u003cbr\u003e 4.Bei stark beschädigten Mänteln: einwirken lassen. \u003cstrong\u003e5 Minuten unter einer schwachen Wärmequelle\u003c\/strong\u003e Um die Absorption zu fördern, gründlich ausspülen.\u003cbr\u003e 5. Trocken bei niedriger Temperatur und mäßiger Luft.\u003cbr\u003e\u003cbr\u003e \u003cem\u003eEine einfache Alternative:\u003c\/em\u003e Nach dem Baden ein paar Tropfen auf das feuchte Fell reiben und ohne Ausspülen trocknen lassen. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e als Maske vor dem Baden 🤝 \u003cstrong\u003eAlle Special One Shampoos\u003c\/strong\u003e · 🤝 \u003cstrong\u003eFeuchtigkeitscreme\/Aqua Dolce\u003c\/strong\u003e am Ende eines Bades oder zum Einwickeln in Papier. \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eAlle Fellarten aller Rassen, ohne Ausnahme\u003c\/strong\u003e — Hunde und Katzen jeden Alters.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"200 mL","offer_id":37819388887219,"sku":"WEX-4EL200 (145)","price":71.9,"currency_code":"EUR","in_stock":true},{"title":"50 mL","offer_id":37819388919987,"sku":"WEX-4EL50 (140)","price":37.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-21.png?v=1666170332"},{"product_id":"hygro-fluid","title":"HYGRO FLUID","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eHygro Fluid – Spezialausführung | Produktdatenblatt\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eHYGROFLÜSSIGKEIT\u003c\/strong\u003e ist der Special One Nähr-Integrator, der für \u003cstrong\u003estärken und das Fell wiederaufbauen\u003c\/strong\u003e. Reich an wertvollen Pflanzenölen, spielt es eine zentrale Rolle bei der Balance des Hydrolipidfilms und der Wiederherstellung der Hautflora. Seine Struktur ermöglicht \u003cstrong\u003ebessere Aufnahme der Wirkstoffe der anschließend verwendeten Produkte\u003c\/strong\u003e — ein natürlicher Verstärker für all Ihre Behandlungen. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eJeder wird es als äußerst vorteilhaft empfinden – dieses Produkt pflegt ausnahmslos alle Felltypen. Es ergänzt die beiden anderen Produkte der Serie perfekt: \u003cstrong\u003eSuper Keeper und 4 Element Öle\u003c\/strong\u003e.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eHygro Fluid reinigt die Dermis, bringt die Hautflora wieder ins Gleichgewicht und bereitet die Haut optimal auf die Aufnahme der Wirkstoffe nachfolgender Pflegeprodukte vor. Die vorherige Anwendung verstärkt die Wirksamkeit aller nachfolgend aufgetragenen Produkte – eine wichtige Funktion von \u003cstrong\u003enatürlicher Katalysator\u003c\/strong\u003e Einzigartig unter den Integratoren in diesem Sortiment.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ Wenn Sie nach dem Baden zu viel Hygro Fluid auftragen, ohne es abzuspülen, seien Sie beim Föhnen vorsichtig – das Ergebnis könnte zu ölig werden. Am besten verwenden Sie es wie angegeben. \u003cstrong\u003estromaufwärts\u003c\/strong\u003e Bad. \u003c\/div\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitalisierende Maßnahmen \u0026amp; Umstrukturierung:\u003c\/strong\u003e Stärkt und regeneriert das Fell von innen heraus.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHelligkeit \u0026amp; samtiges Gefühl:\u003c\/strong\u003e Es verleiht dem Fell bereits ab der ersten Anwendung Glanz und Geschmeidigkeit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEntwirrer:\u003c\/strong\u003e Erleichtert das Entwirren und Bürsten, verhindert erneutes Verfilzen und Knotenbildung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatur:\u003c\/strong\u003e Repariert gebrochene Haare und stärkt die Haarfaser langfristig.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHautschutz:\u003c\/strong\u003e Schützt die Haut vor äußeren Einflüssen und Schmutz durch Wiederherstellung des Hydrolipidfilms.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePrüfungsvorbereitung:\u003c\/strong\u003e Bereiten Sie die Pelze für eine Ringpräsentation vor – optimale Ergebnisse in Synergie mit anderen Integratoren.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniversal:\u003c\/strong\u003e Geeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEin Konzentrat aus kostbaren Pflanzenölen mit feuchtigkeitsspendenden, schützenden und Anti-Aging-Eigenschaften – frei von Parabenen und Silikonen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Reisöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAntioxidativer und natürlicher UV-Filter – absorbiert UV-Strahlen und schützt Haar und Haut vor Sonnenschäden.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Rosensamenöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRevitalisierend und schützend – nährt die Haut intensiv, fördert die Zellregeneration und stärkt die natürlichen Abwehrkräfte der Dermis.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Omega 3 \u0026amp; 6\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVitamine und Anti-Aging-Wirkstoffe für das Haar – nähren und stärken die Haarfasern, verbessern Elastizität, Glanz und langfristige Widerstandsfähigkeit.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 1 🔥 In die Gesichtsmaske oder das Shampoo vor dem Baden einarbeiten.\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Die tägliche Integrationsmethode:\u003cbr\u003e 💫 Im \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e : hinzufügen \u003cstrong\u003e1 bis 2 Esslöffel Hygro Fluid pro Liter\u003c\/strong\u003e bei vorbereiteter Maske – sie verstärkt die feuchtigkeitsspendende Wirkung der Maske aus der Phase vor dem Baden.\u003cbr\u003e 💫 Im \u003cstrong\u003eShampoo\u003c\/strong\u003e : hinzufügen \u003cstrong\u003e1 Esslöffel\u003c\/strong\u003e direkt in Ihr gewohntes Shampoo (es sei denn, Sie wünschen maximales Volumen).\u003cbr\u003e 💫 Bei Fellen in sehr schlechtem Zustand: Hygro Fluid auftragen. \u003cstrong\u003ebis zu 24 Stunden vor dem Bad\u003c\/strong\u003e um die Marktdurchdringung der Vermögenswerte zu maximieren. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Conditioner-Anreicherung\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Zur Anreicherung der abschließenden Spülung:\u003cbr\u003e 💫 Hinzufügen \u003cstrong\u003e1 bis 2 Pumpstöße Hygro Fluid in die Feuchtigkeitscreme geben\u003c\/strong\u003e am Ende des Bades.\u003cbr\u003e Der Ölkomplex reichert die Spülung an und verbessert die Geschmeidigkeit, das samtige Gefühl und den Halt des Haares nach dem Trocknen. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Hautpflegeprogramm – Bekämpfung von Hautproblemen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Hygro Fluid ist ein Schlüsselelement des Programms zur Vorbeugung von Hautproblemen:\u003cbr\u003e 1. \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e Als Pre-Bath-Maske (20 Minuten Einwirkzeit) – das Duo gleicht den Hydrolipidfilm wieder aus und bereitet die Haut auf die Aufnahme der nachfolgenden Behandlung vor.\u003cbr\u003e 2. Shampoo mit \u003cstrong\u003eHautpflege-Profi\u003c\/strong\u003e.\u003cbr\u003e 3. Abschließend bearbeiten \u003cstrong\u003eFeuchtigkeitscreme + 1 Pumpstoß Hygro Fluid\u003c\/strong\u003e.\u003cbr\u003e Dieses Trio (Bio Energy + Hygro Fluid + Skincare Pro) ist der Maßstab für chronisch unausgeglichene Haut. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eDie gesamte Special One-Produktreihe ist mit Hygro Fluid kompatibel. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003e 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e als Gesichtsmaske vor dem Baden (fundamentale Assoziation) 🤝 \u003cstrong\u003eAlle Special One Shampoos\u003c\/strong\u003e · 🤝 \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e am Ende des Bades \u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px; padding: 10px 14px; background: #f9f9f9; border: 1px solid #eee;\"\u003e 💛 Perfekt komplementär zu den beiden anderen Integratoren: \u003cstrong\u003eSuper Keeper\u003c\/strong\u003e Und \u003cstrong\u003e4-Element-Öle\u003c\/strong\u003e — die drei arbeiten in Symbiose zusammen, um eine vollständige Wirkung auf alle Pelze zu erzielen. \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eAlle Fellarten aller Rassen, ohne Ausnahme\u003c\/strong\u003e — Hunde und Katzen jeden Alters.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819389083827,"sku":"WEX-HYG 020 (38)","price":77.5,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819389116595,"sku":"WEX-HYG250 (36)","price":36.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/hygrofluid_7d67bda4-a773-40c0-a567-df3b744fc2b2.png?v=1680256952"},{"product_id":"super-keeper","title":"SUPER KEEPER","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eSuper Keeper – Special One | Produktdetails\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eSUPERKEEPER\u003c\/strong\u003e ist der Schutzintegrator Special One, \u003cstrong\u003ehochgradig regenerierend\u003c\/strong\u003e, Entwickelt zur Stärkung und Regeneration des Fells. Die Mischung aus ausgewählten Pflanzenölen und Polysacchariden umhüllt das Haar sanft, schützt es vor Schäden und minimiert Verfilzungen. \u003cstrong\u003eFavoriten der Hundefriseure\u003c\/strong\u003e wegen seiner extrem starken Eigenschaften. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eJeder wird es als äußerst vorteilhaft empfinden – dieses Produkt intensiviert ausnahmslos alle Fellfarben. Es ergänzt die beiden anderen Integratoren perfekt. \u003cstrong\u003eHygro Fluid und 4-Element-Öle\u003c\/strong\u003e.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEs ist \u003cstrong\u003eEine spezielle Struktur umhüllt jedes einzelne Haar zart.\u003c\/strong\u003e Super Keeper spendet Feuchtigkeit von innen und schützt von außen vor physikalischen, chemischen und umweltbedingten Einflüssen. Die ölige Formel regeneriert geschädigtes Fell und verleiht ihm bereits nach der ersten Anwendung Glanz und Fülle zurück. Dieser schützende Effekt zeichnet Super Keeper aus und macht es zur idealen Wahl für stark beanspruchtes oder empfindliches Fell.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ Wenn Sie nach dem Baden zu viel Super Keeper auftragen, ohne es abzuspülen, seien Sie beim Föhnen vorsichtig – das Ergebnis könnte zu fettig werden. Verwenden Sie es daher am besten sparsam. \u003cstrong\u003estromaufwärts\u003c\/strong\u003e Bad. \u003c\/div\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitalisierende Maßnahmen \u0026amp; Umstrukturierung:\u003c\/strong\u003e Stärkt und regeneriert das Fell bereits ab der ersten Behandlung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHelligkeit \u0026amp; samtiges Gefühl:\u003c\/strong\u003e Es verleiht dem Fell bereits ab der ersten Anwendung Glanz und Geschmeidigkeit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEntwirrer \u0026amp; Anti-Felling:\u003c\/strong\u003e Erleichtert das Entwirren und Bürsten, minimiert die Knotenbildung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eSchutzhülle:\u003c\/strong\u003e Es umhüllt das Haar und schützt die Haut vor äußeren Einflüssen und Schmutz.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eReparatur:\u003c\/strong\u003e Repariert gebrochene Haare und stärkt die Haarfaser langfristig.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePrüfungsvorbereitung:\u003c\/strong\u003e Bereiten Sie die Pelze für die Ringpräsentation vor, indem Sie Glanz und Halt maximieren.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniversal:\u003c\/strong\u003e Geeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine exklusive Mischung aus Pflanzenölen und Polysacchariden, speziell ausgewählt für die perfekte Pflege aller Fellarten – frei von Parabenen und Silikonen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Komplex aus Pflanzenölen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAusgewählte Mischung, die das Haar in eine leichte Schutzschicht hüllt – spendet Feuchtigkeit, ohne es zu beschweren, regeneriert geschädigtes Haar und schützt vor schädlichen Umwelteinflüssen.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Polysaccharide\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatürliche Feuchtigkeitsspender bilden eine Schutzschicht um die Haarfasern, speichern Feuchtigkeit und verbessern die Elastizität und Widerstandsfähigkeit des Haares.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u0026amp;Beispiel 1 🔥 In die Gesichtsmaske oder das Shampoo vor dem Baden einarbeiten.\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Die universelle Integrationsmethode:\u003cbr\u003e 💫 Im \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e : hinzufügen \u003cstrong\u003e1 bis 2 Esslöffel Super Keeper pro Liter\u003c\/strong\u003e der vorbereiteten Maske.\u003cbr\u003e 💫 Im \u003cstrong\u003eShampoo\u003c\/strong\u003e : hinzufügen \u003cstrong\u003e1 Esslöffel\u003c\/strong\u003e um die Reinigungswirkung zu verstärken (außer bei dem Wunsch nach maximalem Volumen).\u003cbr\u003e 💫 Bei Fellen in sehr schlechtem Zustand: Super Keeper anwenden. \u003cstrong\u003eSauber, bis zu 24 Stunden vor dem Baden.\u003c\/strong\u003e Als regenerierende Schocktherapie – einmassieren und einwirken lassen. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Conditioner-Anreicherung\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Zur Anreicherung der abschließenden Spülung:\u003cbr\u003e 💫 Hinzufügen \u003cstrong\u003e1 bis 2 Pumpstöße Super Keeper in die Feuchtigkeitscreme\u003c\/strong\u003e am Ende des Bades.\u003cbr\u003e Der schützende Hülleneffekt von Super Keeper ergänzt die feuchtigkeitsspendende Wirkung der Hydrating Cream und sorgt für ein glänzendes, samtiges und lang anhaltendes Ergebnis. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Das ultimative Terrier-Protokoll – Textur, Elastizität \u0026amp; Haarentfernung ohne Trocknen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Das auf einen einzigen Schritt konzentrierte Protokoll ist universell für alle Terrier:\u003cbr\u003e 1. Mischen \u003cstrong\u003egleiche Teile: Super Keeper + Bio Energy Plus + Keratin Pro\u003c\/strong\u003e.\u003cbr\u003e 2. Aufschäumen, auf das nasse Haar auftragen, einmassieren, ausspülen.\u003cbr\u003e Das Haar ist für die Haarentfernung texturiert, die Elastizität wird durch Bio Energy erhalten, das Fell bleibt dank Super Keeper gepflegt – ohne auszutrocknen. \u003cdiv style=\"margin-top: 10px; background: #f0fff4; border-left: 3px solid #2ecc71; padding: 10px 12px; font-size: 12px;\"\u003e ✨ \u003cstrong\u003eEin Muss für alle Terrier\u003c\/strong\u003e — Dieses 3-in-1-Protokoll ist eine Revolution für die regelmäßige Haarentfernung. \u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eDie gesamte Special One Kollektion ist mit Super Keeper kompatibel. Unsere Lieblings-Eheringe:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003e 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e als Maske vor dem Baden 🤝 \u003cstrong\u003eAlle Special One Shampoos\u003c\/strong\u003e · 🤝 \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e am Ende des Bades \u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px; padding: 10px 14px; background: #f9f9f9; border: 1px solid #eee;\"\u003e 💛 Perfekt ergänzend zu \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e Und \u003cstrong\u003e4-Element-Öle\u003c\/strong\u003e — die drei Integratoren arbeiten symbiotisch zusammen, um eine vollständige Wirkung auf alle Felle zu erzielen.\u003cbr\u003e Auch perfekt für ein \u003cstrong\u003eHautprogramm\u003c\/strong\u003e in Zusammenarbeit mit Bio Energy Plus \u0026amp; Hautpflege-Profi. \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eAlle Fellarten aller Rassen, ohne Ausnahme\u003c\/strong\u003e — Hunde und Katzen jeden Alters.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eBesonders geeignet für Rassen mit Keratinfell\u003c\/strong\u003e — Terrier, Schnauzer, Cocker Spaniel und andere Rassen mit dichtem, rauem oder keratinreichem Fell.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819389313203,"sku":"WEX-SPK250 (56)","price":37.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819389280435,"sku":"WEX-SPK 023 (55)","price":88.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/superKeeper.png?v=1680703362"},{"product_id":"hydrating-cream-masque-final-sublimateur","title":"HYDRATING CREAM, masque final sublimateur","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e ist die \u003cstrong\u003eDie meistverkaufte professionelle Feuchtigkeitsmaske von Special One aller Zeiten\u003c\/strong\u003e. Unverzichtbar, um das Sortiment zu entdecken.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eUnverzichtbar für \u003cstrong\u003ealle Rassen\u003c\/strong\u003e, insbesondere für die \u003cstrong\u003ePflege von Pony und Bart\u003c\/strong\u003e und Mäntel, die einen \u003cstrong\u003eTiefenhydration\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eA \u003cstrong\u003eFormulierung angereichert mit natürlichen Wirkstoffen\u003c\/strong\u003e um zu nähren und zu revitalisieren mit einem \u003cstrong\u003eAnti-Aging-Effekt\u003c\/strong\u003e. Auszüge aus \u003cstrong\u003eSeide\u003c\/strong\u003e Sie verleihen einen außergewöhnlichen Glanz für eine lebendige Farbe.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 4h16v6M4 4v3M8 4v3M12 4v3M16 4v3M20 4v3M4 10h16l-2 10H6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEntwirren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErleichtert das Zähneputzen und \u003cstrong\u003evermeidet die Rückkehr der Knoten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 9h12a3 3 0 1 0-3-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M4 14h16a3 3 0 1 1-3 3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGeschwindigkeit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReduziert die \u003cstrong\u003eTrocknungszeit\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6l1.4 1.4M17 17l1.4 1.4M5.6 18.4l1.4-1.4M17 7l1.4-1.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSchutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eUV-Filter\u003c\/strong\u003e und Handlung \u003cstrong\u003eAnti-Gabel\u003c\/strong\u003e um die Spitzen zu schonen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGesundheit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eUnterhält die\u003cstrong\u003eHautelastizität\u003c\/strong\u003e und kerngesunde Haut.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVitalität\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eTextur plus \u003cstrong\u003eflexibel und ummantelt\u003c\/strong\u003e von der allerersten Bewerbung an.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise der Feuchtigkeitscreme besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 5 }, { label: \"Brillance\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Volume\", value: 3 }, { label: \"Soin peau\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS Wirkstoffe Feuchtigkeitscreme - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung der Feuchtigkeitscreme: 4 Paare synergistischer Wirkstoffe\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003eanspruchsvolle Formulierung\u003c\/strong\u003e die bis ins Herz der Faser vordringt, um eine vollständige Regeneration zu gewährleisten – vier Paare von Wirkstoffen mit sich ergänzenden Eigenschaften.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’Hydrating Cream\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'argan', label:'Argan \u0026amp; Macadamia', latin:'Huiles précieuses', family:'botanic',\n desc:\"Duo d’huiles précieuses : nutrition intense, hydratation et élasticité grâce à l’acide palmitoléique (rare et précieux).\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition intense\", benefit:\"Nourrit la fibre en profondeur et apporte souplesse et élasticité.\" },\n { anchor:'cuticule', action:\"Hydratation lipidique\", benefit:\"Lisse la cuticule et restitue brillance et toucher gainé.\" }\n ]\n },\n {\n id:'soie', label:'Soie \u0026amp; Collagène', latin:'Protéines structurantes', family:'aqua',\n desc:\"Duo restructurant : la \u003cstrong\u003esoie\u003c\/strong\u003e dépose un film protecteur et confère une brillance exceptionnelle ; le \u003cstrong\u003ecollagène\u003c\/strong\u003e restructure la fibre en profondeur.\",\n targets: [\n { anchor:'tige_poil', action:\"Restructuration\", benefit:\"Renforce la structure interne et restaure la cohésion du poil.\" },\n { anchor:'cuticule', action:\"Brillance éclatante\", benefit:\"Dépose un film protecteur soyeux — signature « brillance » du produit.\" }\n ]\n },\n {\n id:'ginseng', label:'Ginseng \u0026amp; Fucus', latin:'Plantes adaptogènes \u0026amp; marines', family:'bio',\n desc:\"Duo régénérant : le \u003cstrong\u003eginseng\u003c\/strong\u003e antioxydant tonifie et oxygène ; le \u003cstrong\u003efucus\u003c\/strong\u003e (algue brune) reminéralise et participe à la régénération cellulaire.\",\n targets: [\n { anchor:'derme', action:\"Régénération cellulaire\", benefit:\"Soutient la régénération profonde et l’oxygénation cutanée.\" },\n { anchor:'epiderme', action:\"Action antioxydante\", benefit:\"Protège des stress oxydatifs — effet anti-âge.\" }\n ]\n },\n {\n id:'proteines', label:'Protéines végétales \u0026amp; Vitamine E', latin:'Bouclier protecteur', family:'cond',\n desc:\"Duo protecteur : les \u003cstrong\u003eprotéines végétales\u003c\/strong\u003e hydratent l’épiderme ; la \u003cstrong\u003evitamine E\u003c\/strong\u003e protège les cellules contre les radicaux libres.\",\n targets: [\n { anchor:'epiderme', action:\"Protection cellulaire\", benefit:\"Hydrate l’épiderme et le protège des radicaux libres.\" },\n { anchor:'film_hydro', action:\"Apport humectant\", benefit:\"Restaure le film hydrolipidique et maintient l’hydratation.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- ERZÄHLUNGSEINLEITUNG: Historischer Bestseller --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e✨ Die charakteristische Feuchtigkeitscreme\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eDer absolute Bestseller von Special One\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eL'\u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e ist die meistverkaufte professionelle Feuchtigkeitsmaske in der Geschichte von Special One – das Produkt, das die Marke Tausenden von Hundefriseuren bekannt machte. Ihre Formel basiert auf der \u003cstrong\u003eSeidenextrakte\u003c\/strong\u003e, die einen seidigen Schutzfilm bilden und dem Fell eine \u003cstrong\u003eAußergewöhnlicher Glanz für eine lebendige Farbe\u003c\/strong\u003e. Es ist \u003cem\u003eDort\u003c\/em\u003e Zugangspunkt zum Schießstand.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Verdünnung P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 Teelöffel bis 2 Esslöffel\u003cbr\u003epro Liter, abhängig vom Ergebnis\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 l\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003c!-- BLOCK ZUR ZUBEREITUNGSMETHODE (Infografik, kein Protokoll) --\u003e \u003cdiv class=\"aqr-method-box\"\u003e \u003cdiv class=\"aqr-method-eyebrow\"\u003e🛠️ Zubereitungsmethode\u003c\/div\u003e \u003ch3 class=\"aqr-method-title\"\u003ePerfekte Sahne in 6 Schritten – Tipps für Zuhause\u003c\/h3\u003e \u003cp class=\"aqr-method-subtitle\"\u003eDiese Methode zur Verhinderung des Verklumpens ist die Grundlage für \u003cstrong\u003e3 Protokolle unten\u003c\/strong\u003e — eine einzige Bewegung, die es zu meistern gilt.\u003c\/p\u003e \u003col class=\"aqr-method-grid\"\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e01\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eDosierung\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eNehmen \u003cstrong\u003e1 Löffel\u003c\/strong\u003e Sahne in einer Schüssel oder einem Shaker.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e02\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eÖl \u003cspan class=\"aqr-method-opt\"\u003e(Option)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eFalls Restknoten: \u003cstrong\u003e1 Öldruck 4 Elemente\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e03\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eWasser \u003cem\u003esehr\u003c\/em\u003e heiß\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eEtwa \u003cstrong\u003e5 cm sehr heißes Wasser\u003c\/strong\u003e — unerlässlich für \u003cstrong\u003edie Öle auflösen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e04\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eEmulgieren\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003e \u003cstrong\u003eEin Schneebesen oder Mixer ist unerlässlich!\u003c\/strong\u003e Schütteln\/mischen, bis eine homogene Emulsion entsteht.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e05\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eBio Energy Plus \u003cspan class=\"aqr-method-opt\"\u003e(Option)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003e \u003cstrong\u003e2 Pumpen Bio Energy Plus\u003c\/strong\u003e um die feuchtigkeitsspendende Wirkung zu verstärken.\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-method-step\"\u003e \u003cdiv class=\"aqr-method-num\"\u003e06\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-title\"\u003eVollständig \u0026amp; anwenden\u003c\/div\u003e \u003cdiv class=\"aqr-method-step-desc\"\u003eMit lauwarmem Wasser auffüllen, gut vermischen und auftragen. \u003cstrong\u003eNicht abspülen (oder nur sehr wenig abspülen).\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003cdiv class=\"aqr-method-tip\"\u003e \u003cspan class=\"aqr-method-tip-icon\"\u003e💡\u003c\/span\u003e \u003cstrong\u003eUnser Rat:\u003c\/strong\u003e Im Gegensatz zu anderen Cremes entfaltet die Feuchtigkeitscreme ihre volle Wirkung. \u003cstrong\u003eohne Abspülen (oder nur mit sehr leichtem Abspülen)\u003c\/strong\u003e — Dadurch kann der seidige Film richtig an der Faser haften.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-method-box {\n background: #f5f5f7;\n border: 1px solid #e5e5e7;\n border-radius: 14px;\n padding: 22px 24px 24px;\n margin-bottom: 18px;\n font-family: inherit;\n }\n .aqr-method-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 600;\n margin-bottom: 8px;\n }\n .aqr-method-title {\n font-size: 18px;\n font-weight: 600;\n color: #1d1d1f;\n margin: 0 0 6px;\n line-height: 1.3;\n }\n .aqr-method-subtitle {\n font-size: 13px;\n color: #6e6e73;\n margin: 0 0 18px;\n line-height: 1.5;\n }\n .aqr-method-grid {\n list-style: none;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 10px;\n }\n .aqr-method-step {\n background: #fff;\n border: 1px solid #e5e5e7;\n border-radius: 10px;\n padding: 14px 12px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n position: relative;\n }\n .aqr-method-step + .aqr-method-step::before {\n content: '→';\n position: absolute;\n left: -10px;\n top: 50%;\n transform: translateY(-50%);\n color: #c2a85c;\n font-weight: 600;\n font-size: 12px;\n background: #f5f5f7;\n padding: 0 3px;\n }\n .aqr-method-num {\n font-size: 11px;\n font-weight: 700;\n color: #c2a85c;\n letter-spacing: 0.1em;\n }\n .aqr-method-step-title {\n font-size: 13px;\n font-weight: 600;\n color: #1d1d1f;\n }\n .aqr-method-opt {\n font-weight: 400;\n color: #86868b;\n font-size: 11px;\n }\n .aqr-method-step-desc {\n font-size: 12px;\n line-height: 1.45;\n color: #515154;\n }\n .aqr-method-tip {\n margin-top: 16px;\n padding: 12px 14px;\n background: #fff;\n border-left: 3px solid #c2a85c;\n border-radius: 6px;\n font-size: 12.5px;\n color: #515154;\n line-height: 1.55;\n }\n .aqr-method-tip-icon {\n margin-right: 4px;\n }\n @media (max-width: 900px) {\n .aqr-method-grid { grid-template-columns: repeat(2, 1fr); }\n .aqr-method-step + .aqr-method-step::before { display: none; }\n }\n @media (max-width: 480px) {\n .aqr-method-grid { grid-template-columns: 1fr; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSchnelle Pflege \u0026amp; wirksam\u003c\/span\u003eGrundlegende Verwendung – alltäglicher Gebrauch im Wohnzimmer\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMischen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMischen Sie die Feuchtigkeitscreme mit einer \u003cstrong\u003eWarmwasserbasis\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHomogenisieren\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZum Homogenisieren schütteln oder mixen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVollständig\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMit lauwarmem Wasser auffüllen und auftragen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e⚡\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLeicht\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e \u003cstrong\u003e1 Teelöffel pro Liter\u003c\/strong\u003e + optionales Abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e⚡\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eKein Blei mehr\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e \u003cstrong\u003e1 bis 2 Esslöffel pro Liter\u003c\/strong\u003e + Kein Abspülen erforderlich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensive Umstrukturierung\u003c\/span\u003eFür sehr geschädigtes Haar – Intensivbehandlung\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBereiten Sie die Mischung vor.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAuf gewaschenem und ausgewrungenem Fell: \u003cstrong\u003e1 Esslöffel + 20 Tropfen 4 Elements Öl\u003c\/strong\u003e In \u003cstrong\u003e2 Liter heißes Wasser\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerteilen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerteilen Sie das Produkt gleichmäßig auf der gesamten Haarlänge und lassen Sie es während des Zähneputzens einige Minuten einwirken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eWärmeschub\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e💡 \u003cstrong\u003eTrick:\u003c\/strong\u003e Bei sehr geschädigtem Haar anwenden \u003cstrong\u003eunter einer Wärmequelle\u003c\/strong\u003e (Föhn, Lampe) zur Aktivierung der Penetration.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGründlich abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAusstellungsvorbereitung\/Verpackung\u003c\/span\u003eDas Ritual der Wettkämpfer und ihrer Betreuer\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMische das Trio\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eNach dem Baden: \u003cstrong\u003e1 Esslöffel Feuchtigkeitscreme + 1 Esslöffel Hygrofluid + ein paar Tropfen 4 Elements\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwenden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBewerben Sie sich auf die \u003cstrong\u003ePony und Bart\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eKamm\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMalen Sie mit einem \u003cstrong\u003eStiftbürste\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePapillotes\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAn Ort und Stelle lassen \u003cstrong\u003eunter Folienpäckchen\u003c\/strong\u003e — bis maximal 1 Woche.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Villanelle im Mittelpunkt + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eDie Feuchtigkeitscreme macht \u003cstrong\u003eEinigkeit über eine große Vielfalt an Rassen\u003c\/strong\u003e. Ideal für die \u003cstrong\u003ePflege von Pony und Bart\u003c\/strong\u003e, und die \u003cstrong\u003eBehandlung während der saisonalen Mauser\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eGeringes Volumen gewünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 TL\/L + optionales Abspülen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDer gewünschte schwere, bedrückende Effekt...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 bis 2 EL.Esslöffel\/L + nicht abspülen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003esehr geschädigtes Haar…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eIntensive Restrukturierung (+ 4 Elemente Öl + Wärme)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eVorbereitungen für eine Show oder Verpackungsarbeiten…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitsspendend + Hygrofluid + 4-Elemente-Mischung in Folienbeuteln\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eAls Duo schwer zu entwirren…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eVillanelle (zum Lockern) + Feuchtigkeitscreme (zum Abschluss)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Feuchtigkeitscreme den Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen \u0026amp; Tibetische Völker \u003cspan\u003e(Shih-Tzu, Lhasa…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Cocker Spaniels, Spaniels \u0026amp; Cavalier King Charles \u003cspan\u003e(Ponyfrisuren und Bärte)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Schäferhunde, Retriever, Spitze \u0026amp; Eurasier \u003cspan\u003e(saisonale Mauser)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Terrier, Pudel, Bichons \u0026amp; Yorkshires \u003cspan\u003e(lockiges und langes Haar)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDie Hydrating Cream genießt allgemeines Lob – sie gilt als der historische Einstieg in die Special One-Produktreihe.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 mL","offer_id":37819389739187,"sku":"WEX-HYD500 (20)","price":46.5,"currency_code":"EUR","in_stock":true},{"title":"1 Liter","offer_id":37819389673651,"sku":"WEX-HYD1 (22)","price":72.7,"currency_code":"EUR","in_stock":true},{"title":"3 Liter","offer_id":37819389706419,"sku":"WEX-HYD3 (24)","price":181.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/HydratingCream.png?v=1680188791"},{"product_id":"extra-body-cream-masque-final-volumisant","title":"EXTRA-KÖRPERCREME","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eEXTRA KÖRPERCREME\u003c\/strong\u003e ist ein \u003cstrong\u003eKonzentrierter Volumenbalsam mit Sofortwirkung\u003c\/strong\u003e, Speziell für Hunde und Katzen entwickelt.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden, insbesondere für die \u003cstrong\u003edünne Schichten\u003c\/strong\u003e Und \u003cstrong\u003eohne Körper\u003c\/strong\u003e !\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"3\" cy=\"7\" cx=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle r=\"2\" cy=\"11\" cx=\"17\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDank \u003cstrong\u003ePolymere der nächsten Generation\u003c\/strong\u003e Und \u003cstrong\u003eAminosäuren\u003c\/strong\u003e, Dieser Balsam bindet sich an den Kern der Haarstruktur. \u003cstrong\u003edie Dicke erhöhen, ohne jemals Gewicht hinzuzufügen\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"9\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eFüllung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErhöhen Sie die \u003cstrong\u003eHaardurchmesser\u003c\/strong\u003e — \u003cstrong\u003eaufpolsternder Effekt\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 12c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eElastizität\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eZurückgeben \u003cstrong\u003esofortige Geschmeidigkeit und Glanz\u003c\/strong\u003e zu Fasern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21s2-12 18-18c0 0-2 18-18 18z\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 21l9-9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEntgiftung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eWirkung \u003cstrong\u003eerfrischend und reinigend\u003c\/strong\u003e für die Haut.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVielseitigkeit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIdeal für \u003cstrong\u003etrockene Fransen pflegen\u003c\/strong\u003e steife Haare.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Aging\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eSchutz vor oxidativem Stress\u003c\/strong\u003e — erhält die Jugendlichkeit der Faser.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise der Extra Body Cream besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Volume\", value: 3 }, { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Soin peau\", value: 3 }, { label: \"Brillance\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (ZUORDNUNG DER JS-Wirkstoffe der Extra Body Cream - geprüft) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung der Extra Body Cream: 4 Paare synergistischer Wirkstoffe\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003eEine reichhaltige Formel, die tief in die Keratinfaser eindringt.\u003c\/strong\u003e — vier Paare von Vermögenswerten mit sich ergänzenden Eigenschaften.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’Extra Body Cream\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'collagene', label:'Collagène \u0026amp; Kératine', latin:'Protéines structurantes', family:'aqua',\n desc:\"Duo structurant : le \u003cstrong\u003ecollagène\u003c\/strong\u003e renforce et apporte de l’élasticité ; la \u003cstrong\u003ekératine\u003c\/strong\u003e reconstitue la fibre et apporte force et résistance.\",\n targets: [\n { anchor:'tige_poil', action:\"Force \u0026amp; résistance\", benefit:\"Reconstitue la fibre kératinique et renforce la structure interne.\" },\n { anchor:'cuticule', action:\"Élasticité retrouvée\", benefit:\"Restaure la souplesse et la cohésion de la cuticule.\" }\n ]\n },\n {\n id:'argan', label:'Huiles d’Argan \u0026amp; Jojoba', latin:'Huiles précieuses', family:'botanic',\n desc:\"Duo nourrissant : l’\u003cstrong\u003eargan\u003c\/strong\u003e nourrit en profondeur ; le \u003cstrong\u003ejojoba\u003c\/strong\u003e mime le sébum naturel et protège la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition profonde\", benefit:\"Nourrit la fibre en profondeur sans l’alourdir.\" },\n { anchor:'film_hydro', action:\"Protection cutanée\", benefit:\"Mime le sébum naturel et protège le film hydrolipidique.\" }\n ]\n },\n {\n id:'olive', label:'Olive \u0026amp; Tournesol', latin:'Émollients antioxydants', family:'botanic',\n desc:\"Duo émollient : \u003cstrong\u003eolive et tournesol\u003c\/strong\u003e apportent une riche teneur en antioxydants et adoucissent la fibre.\",\n targets: [\n { anchor:'cuticule', action:\"Adoucissement\", benefit:\"Lisse la cuticule et apporte un toucher fondant durable.\" },\n { anchor:'tige_poil', action:\"Bouclier antioxydant\", benefit:\"Protège la fibre des dommages oxydatifs quotidiens.\" }\n ]\n },\n {\n id:'raisin', label:'Raisin \u0026amp; Vitamine E', latin:'Action détox \u0026amp; anti-âge', family:'cond',\n desc:\"Duo détox : le \u003cstrong\u003eraisin\u003c\/strong\u003e apporte resvératrol et polyphénols antioxydants ; la \u003cstrong\u003evitamine E\u003c\/strong\u003e agit en anti-âge et anti-inflammatoire.\",\n targets: [\n { anchor:'epiderme', action:\"Action anti-inflammatoire\", benefit:\"Apaise la peau et la protège du vieillissement cutané.\" },\n { anchor:'derme', action:\"Détox \u0026amp; jeunesse\", benefit:\"Soutient le drainage et préserve la vitalité du derme.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- STORYTELLING-EINSCHUB: Aufpolsterungseffekt --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e✨ Die exklusive Extra Body Cream\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eDer aufpolsternde Effekt: Das Haar erhält sein Volumen zurück.\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eFür die Mäntel \u003cstrong\u003efein oder ohne Körper\u003c\/strong\u003e, Die Herausforderung besteht nicht im Stil, sondern in der \u003cstrong\u003eDurchmesser wiederherstellen\u003c\/strong\u003e bis in die letzte Faser hinein. Dank seiner \u003cstrong\u003ePolymere der nächsten Generation\u003c\/strong\u003e und seine \u003cstrong\u003eAminosäuren\u003c\/strong\u003e, Die Extra Body Cream bindet sich an den Kern der Haarstruktur und\u003cem\u003everdickt\u003c\/em\u003e von innen. \u003cstrong\u003eKein zusätzliches Gewicht\u003c\/strong\u003e, nur ein Haar \u003cstrong\u003edichter, straffer, präsenter\u003c\/strong\u003e.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Verdünnung P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 Teelöffel bis 1 Esslöffel\u003cbr\u003epro Liter, abhängig vom Ergebnis\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 l\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAnti-Häutungsprotokoll \u0026amp; Anti-Jamming\u003c\/span\u003eDie doppelte Anwendung von Pre-Shampoo-Maske + Spülung\u003csvg stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"aqr-proto-plus\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünnen \u003cstrong\u003e1 Esslöffel Extra Body Cream pro Liter Wasser\u003c\/strong\u003e (Mit oder ohne Bioenergie). Als Gesichtsmaske vor dem Baden anwenden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMildes Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWeiter zu \u003cstrong\u003emildes Shampoo Ihrer Wahl\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAm Ende des Bades bis zum Niveau von wiederverwenden\u003cstrong\u003e1 Esslöffel pro Liter\u003c\/strong\u003e als Spülung. \u003cstrong\u003eBenötigt keine lange Belichtungszeit.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSchnelle Pflege \u0026amp; wirksam\u003c\/span\u003eZwei Dosierungen je nach gewünschter Reichhaltigkeit\u003csvg stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"aqr-proto-plus\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eReiche Fürsorge\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünnen \u003cstrong\u003e1 Esslöffel\u003c\/strong\u003e In \u003cstrong\u003eeinen halben Liter heißes Wasser\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLeichte Pflege\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eOder verdünnen \u003cstrong\u003e1 Teelöffel\u003c\/strong\u003e in einem halben Liter heißem Wasser.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMassieren Sie das Fell sanft.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e\u003cstrong\u003eGründlich mit lauwarmem Wasser abspülen.\u003c\/strong\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eErnährung \u0026amp; Ausführung (Harte Borsten)\u003c\/span\u003eDie charakteristische Note für Ponyfrisuren von drahtigem Haar\u003csvg stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"aqr-proto-plus\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGezielte Anwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFür die \u003cstrong\u003etrockene Fransen bei drahthaarigen Rassen\u003c\/strong\u003e : auf die betroffenen Gebiete anwenden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; Spülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMassieren, dann abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eShampoo-Booster\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eIdeal auch \u003cstrong\u003eIhrem Shampoo hinzufügen\u003c\/strong\u003e um es mit hydrolysiertem Kollagen und Keratin anzureichern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 18px; padding: 14px 18px; background: #fff5f5; border-left: 3px solid #d9534f; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e⚠️ \u003cstrong\u003eAUFMERKSAMKEIT :\u003c\/strong\u003e wir werden nicht verwenden \u003cstrong\u003enicht\u003c\/strong\u003e Extra Körpercreme, falls der Hund \u003cstrong\u003eeinfache Knotenrückführung\u003c\/strong\u003e. Erinnerung : \u003cem\u003eZu hohes Volumen = beschleunigte Knotenrückgabe\u003c\/em\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Villanelle im Mittelpunkt + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e🤝 \u003cstrong\u003ePerfekte Verarbeitung\u003c\/strong\u003e mit \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (vor dem Baden), \u003cstrong\u003ePlatinum\/Aquarosa\u003c\/strong\u003e (Shampoos), \u003cstrong\u003eAbsolute\/Style 360\u003c\/strong\u003e (Abschluss).\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eFeines Fell ohne Körper…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eExtra Body Cream zweimal vor und nach dem Baden auftragen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eProtokoll gegen Häutung\/Verfilzung…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 EL\/L — ohne langes Stehenlassen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003etrockene Fransen bei grobem Haar…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eGezielte Anwendung, entweder pur oder als Shampoo-Booster\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eHund mit der Fähigkeit, Knoten mühelos zu apportieren…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e❌ Nicht verwenden – stattdessen Villanelle oder Feuchtigkeitscreme bevorzugen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eHochglanzlackierung ist gefragt…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute oder Style 360 ​​als Finish-Spray\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo die Extra Body Cream den Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen \u003cspan\u003e(konzentriertes Volumen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u0026amp; Körperloses Fell \u003cspan\u003e(Bedarf Nr. 1)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Schäferhunde, Retriever, Hütehunde \u0026amp; Primitive \u003cspan\u003e(Dichte und Körper)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Drahthaar \u003cspan\u003e(gezielte Anwendung am Rande)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDer Balsam für die Seele – kontrolliertes Volumen, das Fülle verleiht, ohne zu beschweren.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819389771955,"sku":"WEX-EXTR (42)","price":71.9,"currency_code":"EUR","in_stock":true},{"title":"3 Litres","offer_id":43820167168220,"sku":"3x (42)","price":202.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-20.png?v=1651836398"},{"product_id":"beauty-rinse-reequilibreur-de-ph","title":"BEAUTY RINSE, rééquilibreur de pH","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003eLotion de rééquilibrage du potentiel hydrogène : assainissez la peau, forcez la fermeture des écailles, évitez le retour des noeuds, aérez le poil.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" data-mce-fragment=\"1\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-fragment=\"1\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-fragment=\"1\" data-mce-style=\"color: #ffffff;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eTout le monde y trouvera un réel intérêt !\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Toiletteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Eleveurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Particuliers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Compétiteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n \n\u003cdiv\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cstrong\u003eBEAUTY RINSE\u003c\/strong\u003e\u003cspan\u003e est une solution innovante qui rééquilibre l'hydratation, la protection et le pH du \u003c\/span\u003epoil après les shampoings\u003cspan\u003e.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eQuels bénéfices puis-je espérer ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e✅ Assainissement de la peau \u003c\/div\u003e\n\u003cdiv\u003e✅ Régulation de le flore bactérienne \u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e✅ Action brillance et volume \u003c\/div\u003e\n\u003cdiv\u003e✅ Fermeture des cuticules du poil \u003c\/div\u003e\n\u003cdiv\u003e✅ Action anti retour des noeuds\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eComposition : focus sur du naturel !\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003eLe BEAUTY RINSE, créé à partir de recettes ancestrales, allie des agents \u003c\/span\u003e\u003cstrong\u003enaturellement acides\u003c\/strong\u003e\u003cspan\u003e qui viendront, en étant très faiblement dosés, rééquilibrer le \u003c\/span\u003epH externe de votre animal\u003cspan\u003e. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eVous apprécierez sa composition naturelle :\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e🍀 L'eau distillée d'hélichryse (vertus cicatrisantes, anti-inflammatoires) \u003c\/div\u003e\n\u003cdiv\u003e🍀 L'eau d'achillée millefeuille (apaiser et calmer les irritations de la peau)\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e🍀 Extrait de pomme et vinaigre de cidre de pomme (pour hydrater et réguler le PH de la peau\u003c\/span\u003e)\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eExemples et suggestions d'utilisations\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cspan style=\"color: #ff2a00;\"\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cstrong\u003e\u003cem\u003eÀ diluer à 15\/20 ml de Beauty Rinse pour 1 Litre d'eau chaude.\u003cbr\u003e\u003c\/em\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cstrong\u003e\u003cem\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003eLaissez agir pendant quelques minutes pour permettre au produit d'agir, puis sécher.\u003c\/span\u003e\u003c\/em\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✨\u003cmeta charset=\"UTF-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eDans le cadre d'un programme spécifique \"anti-noeud \/ anti-feutrage\", cette lotion est idéale. On mélangera alors, en fin de bain, 20mL de Beauty Rinse avec notre masque habituel Hydrating Cream et le Mix Pink.✨\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003cstrong\u003eMAIS :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003eNe nourrit pas le poil, attention à ne pas assécher votre fourrure\u003c\/div\u003e\n\u003cdiv\u003eL'objectif reste bien de forcer la fermeture des cuticules du poil sur une fourrure à problème ou ayant des problèmes de retour de noeuds trop rapides. Ne doit pas être inclus dans une routine de pousse de poil sur un chien \"normal\".\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAssociations recommandées\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003eToute la Gamme Special One est Compatible avec Beauty Rinse \u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003eCependant, nos alliances préférées vont vers :\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cp\u003e▶︎ Finalise parfaitement le programme Problème de Peau (Bio Energy + Skincare)\u003c\/p\u003e\n\u003cp\u003e▶︎ Idéal également en fin de bain pour une recherche de volume très \"aérien\", en complément des masques classiques.\u003c\/p\u003e\n\u003cp\u003e▶︎ Complète l'Hydrating Cream et le Mix Pink pour prévenir le retour des noeuds ou du feutrage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eNos engagements\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmétiques biodégradables à +90%\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSans Paraben, Sans silicone\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNon testé sur les animaux.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEmballage recyclable PEHD02\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819389870259,"sku":"WEX-BRI250 (94)","price":23.2,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819389804723,"sku":"WEX-BRI 036 (91)","price":46.3,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819389837491,"sku":"WEX-BRI 5 (90)","price":115.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/BeautyRinse_954f593a-765a-4fbb-a696-df917ad689af.png?v=1680254357"},{"product_id":"aquapure-chlorexidine-propolis","title":"AQUAPURE PRO - 1er shampoing lavant et désinfectant","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUAPURE PRO\u003c\/strong\u003e ist das Special One Shampoo \u003cstrong\u003estärkste Waschkraft im Sortiment\u003c\/strong\u003e. Es reinigt selbst die schmutzigsten Tiere sehr gründlich und ermöglicht eine \u003cstrong\u003eepidermale Rückstellung\u003c\/strong\u003e Dank seiner natürlichen antiseptischen Eigenschaften – ohne jemals Haut oder Haar zu schädigen. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden — \u003cstrong\u003ebesonders unverzichtbar in schwierigen Fällen und Extremsituationen\u003c\/strong\u003e in einem Salon oder auf einem Bauernhof.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAngereichert mit \u003cstrong\u003ePropolis\u003c\/strong\u003e — „das natürliche Antibiotikum“ — und in \u003cstrong\u003eChlorhexidin\u003c\/strong\u003e, Der Aquapure Pro vereint die höchste Reinigungsleistung der Produktreihe mit folgenden Eigenschaften: \u003cstrong\u003elang anhaltende Antiseptika, antibakterielle und antimykotische Mittel\u003c\/strong\u003e. Äußerst wirksam selbst in extremsten Situationen, respektiert dabei aber den natürlichen Hydrolipidhaushalt und pH-Wert der Haut.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMaximale Waschleistung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDas stärkste Produkt der Reihe: Reinigt und desinfiziert selbst die hartnäckigsten Fälle gründlich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eRespekt vor der Haut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBewahrt trotz seiner Reinigungskraft das natürliche Hydrolipidgleichgewicht und den pH-Wert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3c3 4 5 6 5 9a5 5 0 0 1-10 0c0-1.6.6-3 1.6-4.2 0 1.2.7 2 1.5 2 .9 0 1.1-1 .6-2.3C12.3 6.6 12 4.8 12 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eExtremfälle\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eWirksam bei männlichen Tieren mit Urin, sehr ungepflegtem Fell, Verschmutzungen und starkem Schmutz.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEpidermale Neuausrichtung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBeruhigende, reinigende und antiseptische Eigenschaften für eine gesunde Haut.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAntibakteriell \u0026amp; Antimykotikum\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eLang anhaltende Wirkung gegen Bakterien, Hefen und Pilze – sowohl heilend als auch vorbeugend.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSichtbares Ergebnis\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eSaubereres, gesünderes und glänzenderes Fell ab der ersten Anwendung.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise von Aquapure Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 3 }, { label: \"Texture\", value: 1 }, { label: \"Soin peau\", value: 5 }, { label: \"Lavant\", value: 5 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (ZUORDNUNG DER JS-Wirkstoffe Aquapure Pro - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Aquapure Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine Formel mit Fokus auf antiseptische Wirksamkeit und hautfreundliche Eigenschaften — \u003cstrong\u003eSLES-frei, parabenfrei, silikonfrei\u003c\/strong\u003e. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aquapure Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'propolis', label:'Propolis', latin:'« L’antibiotique naturel »', family:'botanic',\n desc:\"Résine récoltée par les abeilles, purifiante et revitalisante : propriétés apaisantes, purifiantes et antiseptiques reconnues depuis l’Antiquité. Idéale pour les peaux sensibles ou sujettes aux irritations.\",\n targets: [\n { anchor:'epiderme', action:\"Assainissant naturel\", benefit:\"Purifie et apaise les peaux sensibles ou sujettes aux irritations.\" },\n { anchor:'glande_seb', action:\"Action antiseptique\", benefit:\"Limite la prolifération microbienne au niveau du film cutané.\" }\n ]\n },\n {\n id:'chlorhexidine', label:'Chlorhexidine', latin:'Antiseptique de référence', family:'bio',\n desc:\"Antibactérien puissant à effet durable, également antifongique : prévient la prolifération des micro-organismes et le développement d’infections cutanées, y compris sur les peaux sèches et squameuses.\",\n targets: [\n { anchor:'epiderme', action:\"Antibactérien \u0026 antifongique\", benefit:\"Prévient bactéries, levures et champignons — effet durable, en curatif comme en préventif.\" },\n { anchor:'glande_sud', action:\"Désinfection profonde\", benefit:\"Assainit la peau dans les situations extrêmes (peau macérée ou négligée).\" }\n ]\n },\n {\n id:'panthenol', label:'Panthénol (Provitamine B5)', latin:'Panthénol', family:'cond',\n desc:\"Renforce et régénère le poil : il restitue brillance et vitalité tout en améliorant la structure de la fibre.\",\n targets: [\n { anchor:'tige_poil', action:\"Régénération de la fibre\", benefit:\"Renforce le poil et améliore la structure de la fibre.\" },\n { anchor:'cuticule', action:\"Brillance \u0026 vitalité\", benefit:\"Lisse la surface et restitue brillance et vitalité au poil.\" }\n ]\n },\n {\n id:'glycurea', label:'Glycérine \u0026 Urée', latin:'Humectants', family:'aqua',\n desc:\"Agents hydratants et humectants : ils maintiennent la peau et le poil souples et élastiques malgré l’intensité du nettoyage.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation humectante\", benefit:\"Captent et retiennent l’eau pour préserver le confort de surface.\" },\n { anchor:'epiderme', action:\"Souplesse préservée\", benefit:\"Maintiennent l’élasticité cutanée malgré la puissance lavante.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil auf 20 Teile Wasser\u003cbr\u003e1\/10 bei intensiver antiseptischer Wirkung\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eIntensivreinigung – für sehr verschmutzte oder vernachlässigte Tiere\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eBei stark vernachlässigten Fellen, Männchen mit Urin, Verschmutzungen oder tiefem Schmutz\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eIntensives Waschen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAquapure Pro auftragen \u003cstrong\u003everdünnt auf 1\/10\u003c\/strong\u003e (Intensive Wirkung) Auf nassem Haar anwenden. Gründlich einmassieren, anschließend ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eZweites Pflegeshampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFolgen Sie mit einem \u003cstrong\u003ezweites, milderes Shampoo\u003c\/strong\u003e — \u003cstrong\u003eBain Pro, Aquarosa Pro oder 4Poodle\u003c\/strong\u003e — zur Pflege nach der Reinigung.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme, Bombastic oder Aqua Dolce\u003c\/strong\u003e abhängig von den Bedürfnissen des Fells.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eDie Epidermis zurücksetzen – zu reinigende Haut\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZur Wiederherstellung gesunder Haut nach aufgeweichter, vernachlässigter oder unausgeglichener Haut\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereiten Sie sich mit der Vorbademaske vor. \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e um die Wiederherstellungsmaßnahmen zu verstärken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAquapure Pro direkt auftragen \u003cstrong\u003eohne die Maske abzuspülen\u003c\/strong\u003e. Kurz einwirken lassen, dann einmassieren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung \u0026amp; Erneuerung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGründlich ausspülen und gegebenenfalls die Haarwäsche wiederholen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eRestaurative Oberfläche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme + 4 Elementöle\u003c\/strong\u003e um den Schutzfilm wiederherzustellen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eWählen Sie Aquapure Pro, wenn Sie Folgendes benötigen…\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eSituationen, in denen der Aquapure Pro den entscheidenden Unterschied macht\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eTiefenreinigung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDie schmutzigsten und vernachlässigsten Pelze.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSkin zurücksetzen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDank seiner antiseptischen und antimykotischen Eigenschaften.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDesinfektion unter außergewöhnlichen Umständen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHaarentfernung auf stark verschmutzter Haut, die eine Desinfektion der Epidermis erfordert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVerhindern\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eUm das Wachstum von Bakterien, Hefen oder Pilzen auf aufgeweichter oder vernachlässigter Haut zu verhindern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Aquapure Pro in seiner Basis + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit dem Aquapure Pro kompatibel.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin zweites, milderes Shampoo wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · 4Poodle\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine regenerierende Gesichtsmaske vor dem Baden ist wünschenswert…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine letzte Behandlung ist notwendig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo der Aquapure Pro den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle Hunde \u003cspan\u003e(ausnahmslos)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen \u003cspan\u003e(ausnahmslos)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e💧 Marker-Männchen \u0026amp; Urin\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌫️ Verschmutzung \u0026amp; tiefer Schmutz\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🩹 Aufgeweichte oder vernachlässigte Haut\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Haarentfernung auf Haut, die gereinigt werden muss\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDie stärkste Reinigungskraft im gesamten Sortiment – ​​ohne Kompromisse bei der Sanftheit zu Haut und Haar.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"PetDesign shop","offers":[{"title":"250 mL","offer_id":40196766924979,"sku":"WAQ-AQPU250 (16)","price":22.9,"currency_code":"EUR","in_stock":true},{"title":"5 L","offer_id":40196766957747,"sku":"WAQ-AQPU5000 (14)","price":128.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquapure_13bcd1a0-6daf-4a4c-a84a-2b55145279af.png?v=1680253861"},{"product_id":"mix-pink-conditionner-bi-phase","title":"MIX PINK, conditionner Bi-phase","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eMix Pink – Special One | Produktdetails\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eROSA MIX\u003c\/strong\u003e Das zweiphasige antistatische Pflegespray von Special One ist ein Bestseller der Expert Line-Reihe. Seine einzigartige Formel – angereichert mit Macadamiaöl und Lanolin – wirkt wie ein \u003cstrong\u003ewirksames Mittel zur Umstrukturierung und Disziplinierung des Fells\u003c\/strong\u003e : Das Haar erhält seine Spannkraft, Feuchtigkeit und seinen Glanz zurück, ohne beschwert oder fettig zu wirken. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIdeal für alle langen und fransigen Mäntel – und unverzichtbar für feine, wollige Pelze mit hohem elektrostatischem Potenzial.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u0026amp; \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEs ist \u003cstrong\u003eZweiphasenformel\u003c\/strong\u003e Der Schlüssel zu seiner Wirksamkeit liegt darin, dass sich die Öle nach dem Schütteln durch die beiden Phasen – die ölige und die wässrige – gleichmäßig im Haar verteilen. \u003cstrong\u003eohne Fetten\u003c\/strong\u003e, Gleichzeitig neutralisiert es elektrostatische Aufladung. Das Produkt trocknet schnell, verklumpt nicht und flackert während des Trocknens nicht – daher kann es beliebig oft, sogar täglich, verwendet werden.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLeistungsstarkes Antistatikum:\u003c\/strong\u003e Beseitigt elektrostatische Aufladung, ohne den Mantel zu beschweren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDisziplinierung:\u003c\/strong\u003e Ordnet, glättet und strukturiert das Fell – bis hin zu den Haaren, die \u0026quot;abheben\u0026quot;.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFlüssigkeitszufuhr \u0026amp; Helligkeit:\u003c\/strong\u003e Glänzendes, geschmeidiges und sichtbar mit Feuchtigkeit versorgtes Haar nach jeder Anwendung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLanglebiger Knotenschutz:\u003c\/strong\u003e Verbessert die Fellstruktur und beugt Verfilzungen durch täglichen Gebrauch vor.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-Frizz:\u003c\/strong\u003e Beseitigt Frizz und schützt das Haar vor der Hitze des Föhns.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eWeichspüler:\u003c\/strong\u003e Macht trockenes und ausgetrocknetes Fell weich und erleichtert so das Entwirren erheblich.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eNicht fettende Formel:\u003c\/strong\u003e Gleichmäßige Verteilung der Öle ohne Rückstände oder starke Auswirkungen.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eFrischer Duft \u0026amp; hartnäckig :\u003c\/strong\u003e Eine angenehme Note, die dafür sorgt, dass der Mantel nach jedem Tragen gut riecht.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEin Komplex aus kostbaren Ölen und restrukturierenden Wirkstoffen, die sorgfältig aufgrund ihrer feuchtigkeitsspendenden, schützenden und regenerierenden Eigenschaften ausgewählt wurden.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e\u0026amp; Macadamiaöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eFeuchtigkeitsspendend und restrukturierend – hält das Fell weich, glänzend und intensiv gepflegt.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Lanolin\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatürliches Weichmachermittel ovinen Ursprungs: beugt Trockenheit vor, reduziert Haarausfall und verbessert die Kämmbarkeit.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Kamelienöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eReich an essentiellen Fettsäuren und Vitamin E – schützt das Fell vor UV-Strahlung, Wind und Umweltverschmutzung.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Sonnenblumenöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003ePflegend und beruhigend – hält die Haut geschmeidig und mit Feuchtigkeit versorgt, beugt Trockenheit vor.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Maisöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eLeicht und nicht fettend – spendet dem Fell Feuchtigkeit, ohne es zu beschweren.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Ginseng-Extrakt\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAntioxidativ und regenerierend – schützt vor äußeren Einflüssen und regt die Haarregeneration an.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Arabica-Kaffeeextrakt\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eStraffend und anregend – verbessert die Mikrozirkulation der Haut und energetisiert die Fasern.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Hydriertes Rizinusöl\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003ePflegend und beruhigend – macht die Haut weich, beugt Trockenheit und Schuppenbildung vor.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #fff; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e ⚠️ \u003cstrong\u003eVor jedem Gebrauch kräftig schütteln.\u003c\/strong\u003e Die beiden Phasen gründlich vermischen. Aufsprühen bei \u003cstrong\u003e20–30 cm\u003c\/strong\u003e des Haares. Nicht in die Augen und Nase sprühen. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 1 🔥 Interview \u0026amp; tägliches Bürsten mit trockenem Fell\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Für Mäntel, die sich leicht binden lassen, kann Mix Pink verwendet werden. \u003cstrong\u003ejeden Tag mit trockenem Fell\u003c\/strong\u003e in einem Interview:\u003cbr\u003e 1. Flasche schütteln. Aus 20–30 cm Entfernung auf die zu reinigende Stelle sprühen.\u003cbr\u003e 2. Bürsten Sie das Haar Strähne für Strähne. Das Haar entspannt sich, wird geordnet und die elektrostatische Aufladung verschwindet.\u003cbr\u003e Die regelmäßige Anwendung verbessert allmählich die Fellstruktur und \u003cstrong\u003everhindert die Bildung von Knoten\u003c\/strong\u003e langfristig. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Spülung während des Trocknens\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Mix Pink lässt sich perfekt in die Trocknungsphase nach dem Baden integrieren:\u003cbr\u003e 1. Flasche schütteln. Aus 20–30 cm Entfernung gleichmäßig auf den gesamten nassen Lack sprühen, sodass die gesamte Oberfläche bedeckt ist.\u003cbr\u003e 2. Anschließend mit einem Föhn trocknen, dabei Strähne für Strähne bürsten.\u003cbr\u003e Das Produkt \u003cstrong\u003etrocknet schnell, ohne dass sich Feuchtigkeit ansammelt\u003c\/strong\u003e — Es schützt vor Hitzeschäden und sorgt für ein gepflegtes, glänzendes und duftendes Fell. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Vorringbearbeitung – Definition \u0026amp; Shine Expo\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Mix Pink ist ein ausgezeichnetes \u003cstrong\u003ePräsentationsabschluss\u003c\/strong\u003e für Ausstellungshunde:\u003cbr\u003e 1. Flasche schütteln. Direkt auf den trockenen, gestrichenen Lack sprühen.\u003cbr\u003e 2. Mit dem Pinsel gleichmäßig verteilen, um Formen zu definieren und den Glanz von Längen und Fransen zu verstärken.\u003cbr\u003e Ergebnis: ein makellos ordentlicher, glänzender und strukturierter Mantel – bereit für den Ring. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eDie gesamte Special One-Serie ist mit Mix Pink kompatibel. Hinweis: Mix Pink ist leichter und luftiger als Aqua Beauty (weniger knotenhemmend, leichter) und unterscheidet sich von Absolute 4Poodle, das speziell für Pudel entwickelt wurde und mehr Volumen verleiht.\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003eAquarosa Pro\/Bain Pro\u003c\/strong\u003e im Shampoo 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e eine Maske tragen 🤝 \u003cstrong\u003eAqua Beauty\u003c\/strong\u003e als ergänzendes Spray (verstärkte Anti-Verknotungs-Wirkung) \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Langhaarige, fransige Rassen: Cocker Spaniels, Setter, Afghanen, Yorkshire Terrier – Pflege und Glanz der Felllängen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Feine, wollige Felle mit starker elektrostatischer Anziehungskraft: Malteser, Bichons, Samojeden…\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Pudel — hellt das Fell auf und ordnet es, ohne es zu locken (zu unterscheiden von Absolute 4Poodle für mehr Volumen).\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Seidige Rassen: Shih Tzu, Cavalier King Charles Spaniel, Tibet Terrier – weich und leicht täglich zu kämmen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle Hunde, die an Ausstellungen teilnehmen – Vorbereitendes Styling vor dem Ring, um die Konturen zu definieren und den Glanz zu intensivieren.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei | Nicht an Tieren getestet | Recycelbar (HDPE02)\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"200 mL","offer_id":37819390001331,"sku":"WEX-MIX200 (10)","price":40.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819389968563,"sku":"WEX-MIXP1 (12)","price":98.9,"currency_code":"EUR","in_stock":true},{"title":"3 Litres","offer_id":43820256526556,"sku":"3x (12)","price":277.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Mixpink.png?v=1675846492"},{"product_id":"tech-in-color-raviveur-de-couleurs","title":"TECH IN COLOR, Farbauffrischer","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eTECHNIK IN FARBE\u003c\/strong\u003e ist die professionelle Behandlung von Special One für \u003cstrong\u003edie natürliche Farbe des Kleides hervorheben\u003c\/strong\u003e. Sein \u003cstrong\u003enatürliche Pigmente\u003c\/strong\u003e interagieren mit den Keratinstrukturen des Haares, um den Glanz bis zur nächsten Behandlung zu verlängern – erhältlich in \u003cstrong\u003e5 Ausführungen je nach Fellfarbe\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv style=\"background: #fffbe6; border: 1px solid #f0e040; padding: 14px 18px; margin-bottom: 20px; font-size: 13px; border-radius: 2px;\"\u003e⚠️ \u003cstrong\u003eTech in Color ist kein Farbstoff.\u003c\/strong\u003e Es ist ein \u003cstrong\u003enatürlicher Reflektor\u003c\/strong\u003e Dadurch wird der Farbton des Fells um bis zu zwei oder drei Nuancen intensiviert, der Kontrast und die Tiefe des Fells werden erhöht.\u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden!\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- SACHVERSTAND \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px;\"\u003eDank \u003cstrong\u003enatürliche Pigmente, die aus Pflanzenpollen gewonnen werden\u003c\/strong\u003e Und \u003cstrong\u003ereflektierende Mineralstoffe\u003c\/strong\u003e, Tech in Color dringt in die Haarrinde ein, indem es die Keratinschuppen sanft öffnet, ohne die Haarstruktur zu verändern. Die Farbpigmente werden im Haar eingeschlossen und bleiben dort bis zur nächsten Haarwäsche erhalten – für ein langanhaltendes und gleichmäßiges Farbergebnis.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFarbentwickler:\u003c\/strong\u003e Verstärkt die natürliche Fellfarbe um bis zu 2-3 Nuancen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHaltbarkeit:\u003c\/strong\u003e Die Pigmente verankern sich im Keratin bis zum nächsten Bad.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eNatürliche Formel \u0026amp; Wässrig:\u003c\/strong\u003e Pflanzliche Pigmente, auf Wasserbasis, hautverträglich.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003e5 mischbare Versionen:\u003c\/strong\u003e Angepasst an jede Farbe und untereinander kombinierbar für ein maßgeschneidertes Ergebnis.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eKompatibel \u0026amp; Modular:\u003c\/strong\u003e Es kann mit allen Produkten der Special One-Reihe verwendet werden.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- VERFÜGBARE VERSIONEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eWählen Sie Ihre Version\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eWählen Sie die Version, die zur Fellfarbe Ihres Haustieres passt. Die Versionen sind außerdem \u003cstrong\u003emiteinander kombinierbar\u003c\/strong\u003e um das Ergebnis zu verfeinern.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003cthead\u003e \u003ctr style=\"background: #1a1a1a; color: #fff;\"\u003e \u003cth style=\"padding: 10px 15px; text-align: left; font-weight: 600;\"\u003eFellfarbe\u003c\/th\u003e \u003cth style=\"padding: 10px 15px; text-align: center; font-weight: 600;\"\u003eVersion\u003c\/th\u003e \u003cth style=\"padding: 10px 15px; text-align: left; font-weight: 600;\"\u003eSpiegelung \u0026amp; Anmerkungen\u003c\/th\u003e \u003c\/tr\u003e \u003c\/thead\u003e \u003ctbody\u003e \u003ctr style=\"background: #fafafa;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e⬜ Weiß, zwei-\/dreifarbig, Silber\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTechnik in Farbe A\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eBlauer Farbton – Anti-Gelb-Effekt, erhöht Kontrast und Helligkeit.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fff;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e⬛ Schwarz, Grau, Blau\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTechnik in Farbe B\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eSchwarzer Farbton – auch für graues\/helles Haar ohne violette oder grüne Untertöne geeignet.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fafafa;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e🟠 Aprikosenfarben, rot, rehbraun, hellbraun\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTechnik in Farbe C\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eRubinrot – intensives Pigment, rot \u0026amp; Hellbraun. Mischbar mit D oder E.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fff;\"\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e🟤 Braun, Rubin\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTechnik in Farbe D\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eWalnussfarbener Ton – speziell für braunes Fell entwickelt. Mischbar mit C.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr style=\"background: #fafafa;\"\u003e \u003ctd style=\"padding: 10px 15px;\"\u003e🟡 Blond, Creme, Gold, Apricot\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px; text-align: center;\"\u003e\u003cstrong\u003eTechnik in Farbe E\u003c\/strong\u003e\u003c\/td\u003e \u003ctd style=\"padding: 10px 15px;\"\u003eLeuchtender Orangeton für goldene, blonde und aprikosenfarbene Felle. Mischbar mit C.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #eee; font-size: 12px; color: #555;\"\u003eSie können sie mischen, um genau den gewünschten Klang zu erzielen!\u003c\/div\u003e \u003c\/div\u003e \u003c!-- Anlagensynergie --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eZusammensetzung: Fokus auf natürliche Inhaltsstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eSorgfältig ausgewählte Wirkstoffe, die für Leuchtkraft sorgen, ohne die Haut zu verändern.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e✨ Natürliche Pigmente pflanzlichen Ursprungs\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eGewonnen aus Pflanzenpollen (CI 14720, CI 19140, CI 28440, CI 15985, CI 16255, CI 42090). Sie dringen in die Keratinrinde ein und sorgen so für eine intensive und leuchtende Farbe.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e✨ Reflektierende Mineralstoffe\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eUltramarinblau (CI 60730) – verstärkt die Leuchtkraft und den Glanz des Kleides durch Lichtreflexion. Wasserbasiert, sanft zur Haut.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 1 🔥 Integration in Shampoo oder Maske\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eEmulgieren Sie die Tech in Color Tropfen in Ihrem verdünnten Special One Shampoo oder in der abschließenden Maske.\u003cbr\u003e\u003cbr\u003e1. Richtdosis: \u003cstrong\u003e15 bis 60 Tropfen pro Liter\u003c\/strong\u003e — Je nach gewünschter Reflexionsintensität erhöhen.\u003cbr\u003e2. Auf das gesamte Fell auftragen und einwirken lassen. \u003cstrong\u003e5 bis 10 Minuten\u003c\/strong\u003e.\u003cbr\u003e3. Gründlich abspülen.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 2 🔥 Verbesserte Absorption (ausgenommen weiße Kittel)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eUm die Pigmentfixierung zu maximieren — \u003cstrong\u003eNicht in weißen Kitteln auftreten.\u003c\/strong\u003e :\u003cbr\u003e\u003cbr\u003e1. Bereiten Sie eine konzentrierte Lösung von Tech in Color in Wasser vor (+ gegebenenfalls einige Pumpstöße).\u003cstrong\u003e4-Elemente-Öle\u003c\/strong\u003e).\u003cbr\u003e2. Bewerben Sie sich bei der \u003cstrong\u003etrockenes Haar\u003c\/strong\u003e, außerhalb eines normalen Badezyklus.\u003cbr\u003e3. Nicht trocknen, nicht abspülen. Natürlich einziehen lassen.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 3 🔥 Sprühapplikation (vor oder während des Trocknens)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e1. Verdünnen Sie Tech in Color in einer Sprühflasche mit Wasser.\u003cbr\u003e2. Auf den Kaminsims sprühen. \u003cstrong\u003evor oder während des Trocknens\u003c\/strong\u003e.\u003cbr\u003e3. ⚠️ \u003cstrong\u003eHandschuhe tragen\u003c\/strong\u003e Bei dieser Anwendung kann der Färbeeffekt an den Händen sehr intensiv sein.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 4 🔥 Gezielter Pinselauftrag (Ausbesserung) \u0026amp; Tarnung)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eUm einen bestimmten Bereich (Brust, Bein usw.) gezielt zu behandeln:\u003cbr\u003e\u003cbr\u003e1. Tech in Color anwenden \u003cstrong\u003erein oder verdünnt\u003c\/strong\u003e Mit einem Pinsel direkt auf die zu behandelnde Stelle auftragen.\u003cbr\u003e2. Passen Sie die Dosierung der gewünschten Farbintensität an.\u003cbr\u003e3. Einwirken lassen, dann gegebenenfalls abspülen.\u003cbr\u003e\u003cbr\u003e💡 Ideal für die Feinabstimmung der Präsentation auf Messen.\u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ NUTZEN SIE IHRE TECHNIK IN FARBE GUT:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e1️⃣ Wählen Sie die Version, die zur Mantelfarbe passt (A, B, C, D oder E).\u003cbr\u003e2️⃣ Beginnen Sie mit \u003cstrong\u003e15 bis 40 Tropfen pro Liter\u003c\/strong\u003e als Arbeitsgrundlage.\u003cbr\u003e3️⃣ Gehe hinauf zu \u003cstrong\u003e60 Tropfen\u003c\/strong\u003e abhängig von der gewünschten Intensität der Reflexionen.\u003cbr\u003e4️⃣ Vor der Anwendung gründlich mit Ihrem Shampoo oder Ihrer Maske vermischen.\u003cbr\u003e5️⃣ Lass es ruhen \u003cstrong\u003e5 bis 10 Minuten\u003c\/strong\u003e Damit sich das Keratin verankern kann, anschließend ausspülen.\u003cbr\u003e6️⃣ Für einen natürlichen Ton-in-Ton-Effekt: Mischen Sie zwei Versionen (z. B. 3\/4 E + 1\/4 C).\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Perfekte Synergie mit: \u003cstrong\u003ealle Special One Shampoos, Masken und Spülungen\u003c\/strong\u003e — insbesondere mit \u003cstrong\u003e4-Elemente-Öle\u003c\/strong\u003e für ein intensiveres Ergebnis.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Katzen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Hunde im Hundesalon\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lockiges Fell (Pudel, Bichons, Kerry Blues, Soft Coated, Bedlington Terrier…)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Cocker Spaniels (Amerikanisch, Englisch)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tibetische Rassen (Shih Tzu, Lhasa Apso, Tibet Terrier…)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Englische Zwergspaniel (Cavalier und King Charles)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lange und seidige Pelze (Yorkshire, Afghan…)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle Terrier (Schottischer Terrier, West Highland White Terrier, Waliser Terrier…)\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"font-size: 12px; color: #888; margin-top: 10px;\"\u003eDie Liste ist lang und nicht vollständig!\u003c\/p\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"A – WEISSER\/ZWEIFARBIGER\/TRICO-MANTEL","offer_id":37819391017139,"sku":"WEX-THCA 040 (11)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"B – SCHWARZ\/GRAUER MANTEL","offer_id":37819391049907,"sku":"WEX-THCB 041","price":50.9,"currency_code":"EUR","in_stock":false},{"title":"C – APRIKOSEN\/FAUVE-MANTEL","offer_id":37819391082675,"sku":"WEX-THCD 042 (142)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"D – BRAUNER MANTEL, RUBIN","offer_id":37819391115443,"sku":"WEX-THCD 043 (137)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"E – CREME\/BLONDER FELL","offer_id":37819391148211,"sku":"WEX-THCE 044 (45)","price":50.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-24.png?v=1661266021"},{"product_id":"style-360-spray-volume","title":"STYLE 360, Volumenspray","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eSTYLE 360\u003c\/strong\u003e ist der allererste Conditioner der Special One-Reihe – ein Klassiker mit einer besonders ausgefeilten Rezeptur. Entwickelt für \u003cstrong\u003eMaximierung des Volumens aller Felle\u003c\/strong\u003e Es verhindert statische Aufladung, sorgt für perfekten Halt der Haare beim Schneiden mit der Schere und ist daher für Showtage unerlässlich. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eFür jeden ist es von großem Interesse – insbesondere für Profis, die maximales Volumen und Halt beim Schneiden oder Präsentieren benötigen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- RADAR-BLOCK: KOSMETOLOGISCHES DIAGRAMM --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eStyle 360 ​​Kosmetikdiagramm\u003c\/span\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Volume\", value: 5 },\n { label: \"Brillance\", value: 4 },\n { label: \"Démêlant\", value: 2 },\n { label: \"Hydratation\", value: 3 },\n { label: \"Défrisage\", value: 4 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAngereichert mit einer Mischung aus natürlich gewonnenen Tensiden und Feuchtigkeitsspendern, Style 360 \u003cstrong\u003eStellt dem Haar bereits ab der ersten Anwendung Glanz und Elastizität wieder her.\u003c\/strong\u003e. Seine einzigartige technische Formel ermöglicht ein kontrolliertes und strukturiertes Volumen, egal ob für einen professionellen Haarschnitt, die Formgebung eines Kopfes oder eine Präsentation im Ring.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e ⚠️ \u003cstrong\u003eProdukt für besondere Anlässe:\u003c\/strong\u003e Style 360 ​​eignet sich für Shows, Wettkämpfe und Schneidetermine – nicht für die tägliche Haarpflege. Übermäßiger Gebrauch wäre kontraproduktiv und würde schnell zu erneutem Knoten führen. \u003c\/div\u003e \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMaximales Volumen:\u003c\/strong\u003e Es bauscht sich auf und verleiht dem Fell Struktur für ein spektakuläres Ergebnis.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePasst perfekt zum Schnitt:\u003c\/strong\u003e Die Haare bleiben unter der Schere an Ort und Stelle, was ein präzises Finish ermöglicht.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLang anhaltender Halt:\u003c\/strong\u003e Erhält Form und Zustand des Fells über die Zeit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eKopfmontage:\u003c\/strong\u003e Besonders effektiv beim Zusammenbau und Formen von Köpfen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHilfe bei Sanitärarbeiten:\u003c\/strong\u003e Hilft dabei, Felle, die es benötigen, zu beschweren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatisch:\u003c\/strong\u003e Verhindert statische Aufladung und sorgt so für ein diszipliniertes und ordentliches Haar.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniverselle Sanftmut:\u003c\/strong\u003e Geeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine natürliche Formel mit Fokus auf Volumen, Glanz und Schutz – frei von Parabenen und Silikonen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Seidenproteine\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eSie sorgen für Weichheit und eine schützende Hülle – sie umschließen die Faser und verleihen ihr so ​​Fülle und Glanz.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Milchproteine\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eSie nähren das Fell intensiv und stärken die Fasern für ein kräftiges und seidiges Fell.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Jojobaöl\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eBringt die natürlichen Farben des Fells zur Geltung und pflegt die Faser gleichzeitig intensiv.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Chlorella vulgaris\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eMeeresalgen reich an hoch bioverfügbaren essentiellen Aminosäuren – antioxidativ und entgiftend.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Vitamin B12 \u0026amp; Beta-Carotin\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eSie spenden der Haarstruktur von innen Feuchtigkeit und tragen zur Vitalität und zum Glanz des Fells bei.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 \u003cstrong\u003eVerdünnung je nach Haarfeinheit:\u003c\/strong\u003e Bei dichtem Fell für definiertes Volumen unverdünnt anwenden. Für feines Fell (z. B. Zwergpudel) bis zu 1:10 mit demineralisiertem Wasser verdünnen. Auf das nasse Fell auftragen. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 1 🔥 Trocknen, Föhnen \u0026amp; Scherenschnitt\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Style 360 ​​wird während des gesamten Pflegeprozesses angewendet, vom Trocknen bis zum finalen Schnitt:\u003cbr\u003e 1. Auf das nasse Haar auftragen und während des Trocknens regelmäßig pulsieren lassen.\u003cbr\u003e 2. Auch während des abschließenden Föhnens weiter aufsprühen – auf das Haar. \u003cstrong\u003eund direkt auf Bürste und Kamm\u003c\/strong\u003e für noch effektivere Maßnahmen.\u003cbr\u003e 3. Sprühen Sie während des Schneidens regelmäßig Haarspray auf die bearbeiteten Stellen: So bleiben die Haare unter der Schere und der Halt verbessert sich mit fortschreitendem Schnitt.\u003cbr\u003e Das Volumen nimmt in jeder Phase allmählich zu. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Ausstellungstag – Vorbereitung \u0026amp; Ringretusche\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Style 360 ​​ist das unverzichtbare Werkzeug an Wettkampftagen:\u003cbr\u003e 1. \u003cstrong\u003eDer Morgen der Ausstellung\u003c\/strong\u003e : Pulse Style 360 ​​wird im gesamten Fell angewendet, um das beim Frisieren erreichte Volumen und den Halt wiederherzustellen.\u003cbr\u003e 2. \u003cstrong\u003eVor dem Ring\u003c\/strong\u003e : Überarbeiten Sie Stellen, die sich verschoben haben oder nicht mehr haften. Für ein makelloses Finish sprühen und mit dem Pinsel auftragen.\u003cbr\u003e 3. \u003cstrong\u003eIm Ring, falls nötig\u003c\/strong\u003e : Eine kleine Last-Minute-Bewerbung ist möglich, um vor den Richtern ein perfektes Ergebnis zu erzielen.\u003cbr\u003e Falls eine zusätzliche Fixierung gewünscht ist: verwenden \u003cstrong\u003eMultifix\u003c\/strong\u003e im abschließenden Fixierspray. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Kopfbaugruppe \u0026amp; beschwerte Pelze\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Für spezifische Formatierungsarbeiten:\u003cbr\u003e 1. Style 360 ​​pur oder leicht verdünnt direkt auf die zu bearbeitende Stelle sprühen (Kopf, Haarknoten, aufzufüllende Bereiche).\u003cbr\u003e 2. Arbeiten Sie mit einem Kamm oder einer Bürste und bauen Sie das Volumen Schicht für Schicht auf.\u003cbr\u003e Die langlebige Halterung behält die gewünschte Form – ideal für aufwendige Arrangements, die den ganzen Tag über ausgestellt bleiben sollen. Komplett mit \u003cstrong\u003eExtra Körpercreme oder Gesichtswasser\u003c\/strong\u003e für einen noch verstärkten Volumeneffekt. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 4 🔥 Spülung nach dem Shampoonieren ausspülen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Der Stil 360 kann auch verwendet werden als \u003cstrong\u003eKlassischer Conditioner nach dem Shampoonieren\u003c\/strong\u003e :\u003cbr\u003e 1. Nach dem Shampoonieren und Auswringen Style 360 ​​großzügig auf das nasse Fell sprühen.\u003cbr\u003e 2. Gründlich einmassieren, damit das Produkt in die Haarfasern eindringen kann.Lassen Sie es einige Augenblicke einwirken und massieren Sie dabei weiter.\u003cbr\u003e 3. Gründlich abspülen.\u003cbr\u003e Diese Methode sorgt für Volumen und Grundversorgung bereits vor dem Trocknen – ideal für die Aufbereitung von feinen oder dehydrierten Fellen. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eIdeal für alle volumenstarken Produkte der Produktreihe:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003ePlatinum Pro\u003c\/strong\u003e · 🤝 \u003cstrong\u003eExtra Körpercreme\u003c\/strong\u003e · 🤝 \u003cstrong\u003eSchönheitsspülung\u003c\/strong\u003e · 🤝 \u003cstrong\u003eMultifix\u003c\/strong\u003e (Endgültige Fixierung) \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Katzen und alle Hunde – universell für alle Rassen und Felltypen, wenn Volumen gewünscht ist\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lockiges Fell: Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington… — maximales Volumen und Halt.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Amerikanische Cocker Spaniels\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Ohren von englischen Zwergspaniels (Cavalier und King Charles)\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Terrier: Schottische Terrier, West Highland White Terrier, Waliser Terrier… — lange und nicht vollständige Liste!\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Doppeltes Fell: Spitz, Neufundländer, Samojede, Bouvier, Australian Shepherd usw.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819391312051,"sku":"WEX-STY360 (37)","price":88.9,"currency_code":"EUR","in_stock":true},{"title":"200 mL","offer_id":37819391344819,"sku":"WEX-STYLE280 (34)","price":44.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/style360.png?v=1680257576"},{"product_id":"multifix-fluide-modelant","title":"MULTIFIX, fluide modelant","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eMULTIFIX\u003c\/strong\u003e ist Special Ones professionelle Modellierflüssigkeit für \u003cstrong\u003elanganhaltende Frisuren kreieren und erhalten\u003c\/strong\u003e — glatter oder lockiger Effekt. Dank seiner \u003cstrong\u003ewasserlöslicher Film mit Memory-Effekt\u003c\/strong\u003e, Es schützt das Fell vor Hitze und erhält die gewünschte Form auch nach dem Salonbesuch. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eEin absolutes Muss für künstlerische Hundefriseure und Wettkampfteilnehmer!\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px;\"\u003eMultifix-Formen a \u003cstrong\u003ewasserlöslicher Film auf dem Haar\u003c\/strong\u003e Es schützt das Haar vor Hitzequellen (Glätteisen, Föhn), fixiert die Frisur und lässt sich einfach mit Wasser auffrischen. Seine Formel basiert auf \u003cstrong\u003enatürliche Harze und kosmetische Polymere\u003c\/strong\u003e garantiert Glanz, Elastizität und Halt, ohne das Fell zu beschweren oder Rückstände zu hinterlassen.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGedächtniseffekt:\u003c\/strong\u003e Hält die Frisur lange nach dem Frisieren glatt oder lockig.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eThermischer Schutz:\u003c\/strong\u003e Schutzfolie, die gegen die Hitze von Bügeleisen und Föhn wirksam ist.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBrillanz \u0026amp; Elastizität:\u003c\/strong\u003e Verbessert das seidige Aussehen und die Vitalität des Fells.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEinfache Anwendung:\u003c\/strong\u003e Lässt sich gleichmäßig verteilen, trocknet schnell und hinterlässt keine Rückstände.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eWasserlöslich:\u003c\/strong\u003e Die Frisur kann zur Anpassung einfach mit Wasser aufgefrischt werden.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFormulierung: Modellierungstechnologie\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine Synergie kosmetischer Wirkstoffe zur Reparatur, zum Schutz und zur Verschönerung.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Naturharze\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eSie bilden einen wasserlöslichen Schutzfilm mit Memory-Effekt – der die Frisur fixiert, ohne sie zu verkleben oder Rückstände zu hinterlassen.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Kosmetische Konditionierungspolymere\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eSie verbessern die Fellstruktur, erleichtern das Styling und sorgen für Geschmeidigkeit und Feuchtigkeitsbeständigkeit.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 1 🔥 Glatter Effekt – Föhnen \u0026amp; Haarglätter\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e Sauberes Fell trocken tupfen, um überschüssiges Wasser zu entfernen:\u003cbr\u003e\u003cbr\u003e 1. Verteilen \u003cstrong\u003eMultifix einheitlich\u003c\/strong\u003e auf dem Mantel.\u003cbr\u003e 2. Mit einem Föhn oder Haartrockner trocknen.\u003cbr\u003e 3. Erstellen Sie die glatte Formatierung bei \u003cstrong\u003eHaarglätter\u003c\/strong\u003e.\u003cbr\u003e 4. Um den Halt zu verstärken, \u003cstrong\u003eWiederholen Sie die Anwendung\u003c\/strong\u003e nach der Formatierung.\u003cbr\u003e\u003cbr\u003e 💡 Der Hitzeschutzfilm ist sofort nach dem Auftragen aktiv – das Haar wird vor direkter Hitze geschützt. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 2 🔥 Lockeneffekt – Diffusor (ohne Bürste oder Kardierbürste)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e Sauberes Fell trocken tupfen, um überschüssiges Wasser zu entfernen:\u003cbr\u003e\u003cbr\u003e 1. Multifix gleichmäßig auf den gesamten Mantel auftragen.\u003cbr\u003e 2. Kämmen Sie das Haar und formen Sie es. \u003cstrong\u003eNaturlocken\u003c\/strong\u003e.\u003cbr\u003e 3. Trocken \u003cstrong\u003enur zum Diffusor\u003c\/strong\u003e — ohne Kardiermaschine oder Bürste, um die Schlaufe zu erhalten.\u003cbr\u003e 4.Wiederholen Sie die Anwendung nach dem Trocknen. \u003cstrong\u003edie Schlaufe verstärken und sichern\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e 💡 Ideal für Pudel, Bichons und alle Rassen mit welligem Fell. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 3 🔥 Interview \u0026amp; Reaktivierung zwischen den Bädern\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003e Dank des Films \u003cstrong\u003ewasserlöslich\u003c\/strong\u003e, Die Frisur lässt sich leicht reaktivieren und anpassen:\u003cbr\u003e\u003cbr\u003e 1. Befeuchten Sie die zu restrukturierende Fläche leicht mit Wasser.\u003cbr\u003e 2. Die Frisur mit den Händen oder einem Kamm neu formen.\u003cbr\u003e 3. Zum erneuten Trocknen antrocknen lassen – ohne das Tier erneut zu baden.\u003cbr\u003e\u003cbr\u003e 💡 Ideal, um zwischen Ausstellungen eine makellose Präsentation aufrechtzuerhalten. \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ SO VERWENDEN SIE IHR MULTIFIX RICHTIG:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e 1️⃣ Auf das Haar auftragen \u003cstrong\u003esauber und gestempelt\u003c\/strong\u003e (weder zu nass noch zu trocken).\u003cbr\u003e 2️⃣ Gleichmäßig auf dem gesamten Fell oder auf bestimmten Stellen verteilen.\u003cbr\u003e 3️⃣ Fahren Sie mit dem Trocknen je nach gewünschtem Effekt fort (Föhnen für glattes Haar, Diffusor für lockiges Haar).\u003cbr\u003e 4️⃣ Die endgültige Form kann mit einem Lockenstab oder Diffusor erzielt werden.\u003cbr\u003e 5️⃣ \u003cstrong\u003eWiederholen Sie die Anwendung.\u003c\/strong\u003e nach dem Formen zur Verstärkung der Passform.\u003cbr\u003e 6️⃣ Zur Reaktivierung: Leicht anfeuchten und in Form bringen, ohne erneut einzutauchen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Perfekte Synergie mit: \u003cstrong\u003ealle Special One Shampoos und Masken\u003c\/strong\u003e — idealerweise als krönender Abschluss nach einer Behandlung \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e für ein Fell, das vor dem Formen perfekt gepflegt ist.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Lockiges Fell \u0026amp; wellig (Pudel, Bichons, Kerry Blue, Soft Coated Wheaten…) — natürlicher Lockeneffekt.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Langes, glattes Fell (Yorkshire, Afghane, Setter, Cocker…) – die Glättung hält länger an.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tibetische Hunderassen (Shih-Tzu, Lhasa Apso, Tibet Terrier…) — Fellpflege auf Ausstellungen.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Terrier (Bedlington, Welsh, Lakeland…) — Definition und Pflege des Fells.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle Rassen, die für Ausstellungen oder Wettbewerbe vorbereitet werden und eine dauerhafte Konditionierung erfordern.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"200 mL","offer_id":37819392819379,"sku":"WEX-MFIX (418)","price":41.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/multifix-special-one.jpg?v=1687460135"},{"product_id":"trim-grooming-powder","title":"TRIM-PFLEGEPULVER","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cstrong\u003eTrim Growing Powder\u003c\/strong\u003e\u003cspan\u003e ist ein professionelles Pulver, das speziell zur Aufhellung und Vorbereitung des Fells auf die Bleichung entwickelt wurde.\u003c\/span\u003e\u003cstrong\u003eHaarentfernung\u003c\/strong\u003e\u003cspan\u003e. \u003c\/span\u003e\u003c\/p\u003e \u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e \u003ctbody data-mce-fragment=\"1\"\u003e \u003ctr data-mce-fragment=\"1\"\u003e \u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr data-mce-fragment=\"1\"\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003eJeder wird darin etwas wirklich Interessantes finden!\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Hundefriseure \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Viehhalter \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Einzelpersonen \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Wettbewerber \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Betreuer\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelche Vorteile kann ich erwarten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✅ Sorgt für Präzision und Schnelligkeit während der Haarentfernungsphase \u003c\/div\u003e \u003cdiv\u003e✅ Verbinden \u003cmeta charset=\"UTF-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003egleichmäßig bis zu den Haaren\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e✅ Aufhellende Wirkung \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Gegeben \u003cmeta charset=\"UTF-8\"\u003edie Kompaktheit und Härte der Struktur, um das Abstreifen zu erleichtern\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAnwendungsbeispiele und Anwendungsvorschläge\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cp\u003e✨Gleichmäßig auf die zu entfernenden Haare und auf die Finger verteilen und dann mit dem Abziehen beginnen.\u003c\/p\u003e \u003cdiv\u003e✨Zögern Sie nicht, das Produkt während der Haarentfernung erneut aufzutragen.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✨Unsere Meinung: Um Ihren Hund optimal in Form zu bringen, geht nichts über das Rollen, eine Fellentfernungstechnik, die Zeit braucht und bei der sehr häufig, aber leicht getrimmt wird.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eEmpfohlene Verbände\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e🔥Ergänzt idealerweise das Special One-Protokoll und ermöglicht so Folgendes: \u003c\/span\u003eHaarentfernung auf sauberer Haut. Wir empfehlen weiterhin: \u003cspan data-mce-fragment=\"1\"\u003eBio Energy + Keratin Pro.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003cmeta charset=\"UTF-8\"\u003e🔥Es ist \u003cstrong data-mce-fragment=\"1\"\u003ePartikelgröße \u003c\/strong\u003ewird beurteilt\u003cstrong data-mce-fragment=\"1\"\u003e \u0026quot;\u003cem data-mce-fragment=\"1\"\u003eDurchschnitt\u003c\/em\u003e\u0026quot;\u003c\/strong\u003e, Es ergänzt daher perfekt unser anderes HAARSTREIFEN-Puder, das \u0026quot;\u003cem data-mce-fragment=\"1\"\u003eultradünn\u003c\/em\u003e„Durch die Kombination der beiden Pulver ist es somit möglich, auf alle Situationen und alle Haartypen zu reagieren.“ \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eUnsere Verpflichtungen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKosmetika, die zu über 90 % biologisch abbaubar sind\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eParabenfrei, silikonfrei\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNicht an Tieren getestet.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecycelbare Verpackung HDPE02\u003c\/p\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAuswahl nach Rasse?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e \u003cdiv\u003e🎈 Beispiele für Hunderassen, bei denen Trim Grooming Powder angewendet werden kann macht die Menschen glücklich:\u003cbr data-mce-fragment=\"1\"\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Katzen\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✔️ Alle Hunde \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✔️ Ideal zur Haarentfernung \u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e✔️ Alle lockigen Fellrassen (Pudel, Bichons, Kerry Blues, Soft Coated Terrier, Bedlington Terrier usw.).\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Cocker Spaniels (Amerikanisch, Englisch)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle tibetischen Rassen (Shih Tzu, Lhasa Apso, Tibet Terrier usw.)\u003c\/div\u003e \u003cdiv\u003e✔️ Englische Zwergspaniel (Cavalier und King Charles)\u003c\/div\u003e \u003cdiv\u003e✔️ Im Allgemeinen alle langen und seidigen Pelze (Yorkshire, Afghan usw.).)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Terrier (Schottischer Terrier, West Highland White Terrier, Waliser Terrier usw.)\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003eDie Liste ist lang und nicht vollständig!\u003c\/div\u003e \u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"75 Gramm","offer_id":37819392917683,"sku":"WEX-TGP75 (401)","price":32.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/461f5837-4b29-401a-8da1-2b89ff23b7ab.jpg?v=1637052966"},{"product_id":"model-cream-creme-d-accroche-pour-blanchir","title":"MODEL CREAM, Haftcreme zum Aufhellen","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003e✨Haaraufhellungscreme✨\u003c\/span\u003e\u003cspan style=\"font-size: 1.4em;\"\u003e \u003c\/span\u003e\u003c\/p\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e \u003ctbody data-mce-fragment=\"1\"\u003e \u003ctr data-mce-fragment=\"1\"\u003e \u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003eJeder wird darin etwas wirklich Interessantes finden!\u003c\/div\u003e \u003cdiv\u003e✅ Hundefriseure ✅ Viehhalter ✅ Einzelpersonen ✅ Wettbewerber ✅ Betreuer\u003c\/div\u003e \u003cbr\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelche Vorteile kann ich erwarten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e✅ Haaraufhellung \u003c\/div\u003e \u003cdiv\u003e✅ Strukturierung und Formgebung von Mänteln \u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Bereitet das Haar mühelos vor\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Ideal, um je nach Situation die Textur zu verbessern oder dem Fell mehr Gewicht zu verleihen.\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e✅ Verbessert die ästhetische Schönheit von Mänteln erheblich.\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Bereitet das Fell vieler Rassen für die Ausstellungsvorbereitung vor\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eEine natürliche Komposition!\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e🍀Die Modellcreme ist mit Keratin angereichert, um die Fellstruktur sofort zu verbessern. Besonders deutlich wird die Wirkung bei Fell, das vor einem Wettkampf gepflegt werden muss: Sie bereitet das Fell optimal vor und schützt es so vor nachfolgenden Behandlungen mit Farbpflastern oder Bleichpulvern.\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAnwendungsbeispiele und Anwendungsvorschläge\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cstrong\u003e\u003cspan style=\"text-decoration: underline;\"\u003eAuf trockenem Haar anwenden.\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e🔥Wenden Sie die \u003cstrong\u003eMODELLCREME\u003c\/strong\u003e Die Farbe muss sehr fein und leicht aufgetragen werden und das gesamte zu bleichende Haar bedecken, ohne Klumpen oder übermäßige Dicke zu erzeugen.\u003c\/div\u003e \u003cdiv\u003eDurch Massieren und\/oder Bürsten eine gleichmäßige Verteilung erzielen.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e🔥Wenn der Cremefilm zufriedenstellend ist, streuen Sie das SOFT GROOMING POWDER darüber und drücken Sie es (manuell) fest, damit es besser haftet.\u003c\/div\u003e \u003cdiv\u003eDen Bestreuvorgang so lange wiederholen, bis die gewünschte Farbe erreicht ist.\u003c\/div\u003e \u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eEmpfohlene Verbände\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e✨Es ergänzt jedes Special One Programm perfekt, da eine Haaraufhellung bei allen Haartypen und -strukturen möglich ist, vom rausten bis zum seidigsten Haar.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✨ \u003cmeta charset=\"UTF-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003e Die Kombination aus Model Cream und der \u003c\/span\u003eSanftes Pflegepulver\u003cspan data-mce-fragment=\"1\"\u003e PULVER Gewährleistet diskrete Abdeckung und effektive, lang anhaltende Aufhellung.\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eUnsere Verpflichtungen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKosmetika, die zu über 90 % biologisch abbaubar sind\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSLES-frei, parabenfrei, silikonfrei\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNicht an Tieren getestet.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecycelbare Verpackung HDPE02\u003c\/p\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAuswahl nach Rasse?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e \u003cdiv\u003e🎈 Einige Beispiele für Rassen, auf die sich Model Cream konzentriert Einstimmigkeit:\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Katzen\u003c\/div\u003e \u003cdiv\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e✔️ Alle Hunde\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e✔️ Alle lockigen Fellrassen (Pudel, Bichons, Kerry Blues, Soft Coated Terrier, Bedlington Terrier usw.).\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Schäferhunde (australische, belgische, deutsche usw.)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Cocker Spaniels (Amerikanisch, Englisch)\u003c\/div\u003e \u003cdiv\u003e✔️ Alle tibetischen Rassen (Shih Tzu, Lhasa Apso, Tibet Terrier usw.)\u003c\/div\u003e \u003cdiv\u003e✔️ Englische Zwergspaniel (Cavalier und King Charles)\u003c\/div\u003e \u003cdiv\u003e✔️ Allgemeiner gesagt, alle langen und seidigen Pelze (Yorkshire, Afghan usw.).\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Wasserhunde, Retriever und Hütehunde (Neufundländer, Berner Sennenhunde, Golden Retriever usw.).\u003c\/div\u003e \u003cdiv\u003e✔️ Alle primitiven\/doppelfelligen Rassen (Spitz, Eurasier, Samojeden usw.).\u003c\/div\u003e \u003cdiv\u003e✔️ Alle Terrier (Schottischer Terrier, West Highland White Terrier, Waliser Terrier usw.)\u003c\/div\u003e \u003cdiv\u003e\u003c\/div\u003e \u003cdiv\u003eDie Liste ist lang und nicht vollständig!\u003c\/div\u003e \u003cp\u003e \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37819392950451,"sku":"WEX-MODC (407)","price":59.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-27.png?v=1651837289"},{"product_id":"soft-grooming-powder-poudre-blanche","title":"SOFT GROOMING POWDER, poudre blanche","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cstrong\u003eSOFT GROOMING POWDER\u003c\/strong\u003e\u003cspan\u003e est la poudre \u003c\/span\u003e\u003cstrong\u003eblanche impalpable\u003c\/strong\u003e\u003cspan\u003e que nous vous recommandons pour \u003c\/span\u003e\u003cstrong\u003eblanchir le poil\u003c\/strong\u003e\u003cspan\u003e.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eTout le monde y trouvera un réel intérêt !\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Toiletteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Eleveurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Particuliers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Compétiteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n \n\u003cdiv\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eQuels bénéfices puis-je espérer ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Permet de blanchir le poil \u003c\/div\u003e\n\u003cdiv\u003e✅ Texture fine qui apporte de la douceur \u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Offre du volume au pelage \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Idéal pour les expositions et concours \u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eExemples et suggestions d'utilisations\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cdiv\u003e\u003cspan\u003e🔥\u003cstrong\u003e\u003cspan style=\"text-decoration: underline;\"\u003eBlanchiment du poil en combinaison avec la Model Cream :\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eA utiliser sur le poil sec. \u003c\/div\u003e\n\u003cdiv\u003eAppliquer la MODEL CREAM de manière très fine et légère; elle doit recouvrir la totalité du poil à blanchir, sans pour autant présenter d'amas ou de sur-épaisseur.\u003c\/div\u003e\n\u003cdiv\u003eHomogénéiser la répartition en massant et\/ou brossant.\u003c\/div\u003e\n\u003cdiv\u003eLorsque la pellicule de crème est satisfaisante, saupoudrer la SOFT GROOMING POWDER, et aider à l'accroche par pression (manuelle).\u003c\/div\u003e\n\u003cdiv\u003eRenouveler le saupoudrage jusqu'à l'obtention de la couleur souhaitée.\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003cspan\u003e🔥\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eVolumiser le poil :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eA utiliser sur poil sec. Saupoudrer généreusement et faire pénétrer en profondeur la Soft Grooming Powder afin de créer un coussin poudreux. Masser et utiliser une brosse pour optimiser l'homogénéisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAssociations recommandées\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e✨Finalise parfaitement n'importe quel programme Special One, puisque le blanchiment du poil est réalisable sur tous les types de poils et sur toutes les textures, de la plus rêche à la plus soyeuse.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eNos engagements\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmétiques biodégradables à +90%\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSans Paraben, Sans silicone\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNon testé sur les animaux.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEmballage recyclable PEHD02\u003c\/p\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eChoix par race ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e🎈 Quelques exemples de races sur lesquelles Soft Grooming Powder fait des heureux:\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les Chats\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ Tous les chiens en salon de toilettage pour blanchir le poil\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cmeta charset=\"UTF-8\"\u003e✔️ Idéal lors des concours et expos \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Toutes les fourrures frisées (Caniches, Bichons, Kerry Blue, Soft Coaten, Bedlington, etc.)\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les terriers (Scottish, Westie, Welsh, etc)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Bergers Australiens \/ Bergers blancs \u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003eLa liste est longue et non exhaustive !\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"250 grammes","offer_id":42694888390876,"sku":"WEX-SGP250 (54)","price":46.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/SoftGroomingPowder.png?v=1675851806"},{"product_id":"hair-strip-ear-powder","title":"Hair Strip, Ear Powder","description":"\u003ch6\u003e\n\u003cspan style=\"font-size: 1.4em;\"\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cstrong\u003ePoudre utilisée lors de l'épilation des oreilles - hygiène auriculaire \u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/h6\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eTout le monde y trouvera un réel intérêt !\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Toiletteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Eleveurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Particuliers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Compétiteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n \n\u003cdiv\u003e\u003cspan\u003e✨ \u003cmeta charset=\"UTF-8\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eHAIR STRIP \u003c\/strong\u003eest une \u003cstrong data-mce-fragment=\"1\"\u003epoudre\u003c\/strong\u003e\u003cstrong data-mce-fragment=\"1\"\u003e d'épilation fine et impalpable\u003c\/strong\u003e créée spécifiquement pour extirper avec simplicité les poils du pavillon auriculaire du chien.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✨Sa formulation spéciale permet également de l'utiliser pour les traitements d'épilation, notamment pour les zones les plus difficiles comme les oreilles, les joues et le dos du chien. Avec une utilisation régulière, l'oreille reste hygiénique et protégée des agressions extérieures.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eQuels bénéfices puis-je espérer ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Facilite l'épilation \u003c\/div\u003e\n\u003cdiv\u003e✅ Permet à l'oreille de rester propre et protégée des agressions extérieures\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Épilation plus agréable, précise et rapide\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ \u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003eIdéal pour les chiens de shows et toutes les races à épiler\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"UTF-8\"\u003e✅ Optimiser le volume en créant un coussin poudreux.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"font-size: 1.4em;\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Création de texture \u003cspan data-mce-fragment=\"1\"\u003esur des chiens dont le poil manque de tenue, dont la douceur est un défaut\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eExemples et suggestions d'utilisations\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cdiv\u003e\u003cspan\u003e🔥Parsemer le produit dans les zones désirées (presser le flacon pour libérer un nuage de poudre). \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan lang=\"it\" xml:lang=\"it\"\u003e🔥Masser le poil des oreilles avec soin pour en faciliter la prise. \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e🔥Epiler à l'aide du pouce et de l'index ou d'un couteau à épiler.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAssociations recommandées\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan\u003e▶︎ Complète idéalement n'importe quel programme Special One.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e▶︎ \u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003eSa \u003c\/span\u003e\u003cstrong data-mce-fragment=\"1\"\u003egranulométrie \u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003eest jugée\u003c\/span\u003e\u003cstrong data-mce-fragment=\"1\"\u003e \"ultra fine\"\u003c\/strong\u003e\u003cspan data-mce-fragment=\"1\"\u003e, elle complète donc parfaitement notre autre poudre TRIM GROOMING POWDER qui, elle, est \"moyenne\". L'alliance des deux poudres permet donc de répondre à toutes les situations, pour tous les types de poils.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eNos engagements\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmétiques biodégradables à +90%\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSans Paraben, Sans silicone\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNon testé sur les animaux.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEmballage recyclable PEHD02\u003c\/p\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eChoix par race ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e🎈 Quelques exemples de races sur lesquelles Hair Strip\/ Par Powder fait des heureux:\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les Chats\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ Tous les chiens \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ Création de texture pour les chiens tels que les : Bichons, Caniches... \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ \u003cmeta charset=\"UTF-8\"\u003eIdéal pour les chiens de shows et toutes les races à épiler\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"PetDesign shop","offers":[{"title":"Default Title","offer_id":37819393015987,"sku":"WEX-HSTR 050 (125)","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-41.png?v=1651839973"},{"product_id":"aqua-nettoyant-oculaire","title":"AQUA nettoyant oculaire","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eAQUA nettoyant oculaire est une lotion ophtalmique ultra douce aux extraits de plantes. \u003cbr\u003eEnfin un produit qui vous permet de SUPPRIMER LES TRACES DE LARMES grâce à des actifs naturels.\u003c\/span\u003e\u003cspan\u003e.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" data-mce-fragment=\"1\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-fragment=\"1\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-fragment=\"1\" data-mce-style=\"color: #ffffff;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eTout le monde y trouvera un réel intérêt !\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Toiletteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Eleveurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Particuliers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Compétiteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n \n\u003cdiv\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eQuels bénéfices puis-je espérer ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ N'abîme pas le poil\u003c\/div\u003e\n\u003cdiv\u003e✅ Efface les traces de larmes\u003c\/div\u003e\n\u003cdiv\u003e✅ Préviens des démangeaisons et des rougeur\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Évite que les sillons soit roses \/ marrons, oxydés, mal odorants, ou disgracieux\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cspan\u003e✅ Retire la chassie du coin de l'oeil.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003erotège et apaise le larmoiement\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eComposition : focus sur du naturel !\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003eL'oeil de votre animal est exposé en permanence à différentes causes d'irritation dans notre environnement : la poussière, les rayons UV, les particules étrangères et bien d'autres choses. Il est par conséquent important d'en prendre soin avec des produits naturels et performants.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003eAQUA est une lotion oculaire très concentrée aux extraits de plantes et à l'eau distillée.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eVous apprécierez sa composition naturelle :\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e🍀 E\u003cspan data-mce-fragment=\"1\"\u003extraits de camomille \u003c\/span\u003e(\u003cmeta charset=\"utf-8\"\u003eaction calmante), \u003c\/div\u003e\n\u003cdiv\u003e🍀 Le citron vert (a\u003cspan data-mce-fragment=\"1\"\u003entiseptique, anti-inflammatoire et antioxydant\u003c\/span\u003e), \u003c\/div\u003e\n\u003cdiv\u003e🍀 L\u003cspan data-mce-fragment=\"1\"\u003ea mélisse\u003c\/span\u003e (a\u003cspan data-mce-fragment=\"1\"\u003ectif revitalisant, apaisant et adoucissant\u003c\/span\u003e),\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e🍀 La mauve (\u003cmeta charset=\"utf-8\"\u003eactifs hydratants et anti-oxydants\u003c\/span\u003e)\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003e🍀L\u003c\/span\u003e'aloe vera ( hydrate\u003cspan data-mce-fragment=\"1\"\u003e et\u003c\/span\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eapporte à la peau des vitamines\u003c\/span\u003e)\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e🍀L'eau de mer (\u003cmeta charset=\"utf-8\"\u003eaide la barrière cutanée à se renforcer)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eExemples et suggestions d'utilisations\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #000000;\" data-mce-style=\"color: #000000;\"\u003e\u003cem\u003e\u003c\/em\u003eChoisissez ce nettoyant si vous avez besoin :\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 de nettoyer en douceur les yeux de n'importe quel chien\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 de \u003cspan data-mce-fragment=\"1\"\u003eretirer les traces de larmes\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 de mettre en place un protocole pour éviter \u003cmeta charset=\"utf-8\"\u003el’encrassement des yeux\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eMAIS :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e❌ Ne \u003cmeta charset=\"utf-8\"\u003ejamais utiliser de coton pour nettoyer.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003eAppliquer soigneusement AQUA en vaporisant la lotion dans l'oeil et dans la zone de drainage des larmes. \u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eNettoyer doucement le surplus et les impuretés avec une gaze.\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eAu début du traitement, répéter cette opération tous les jours et à chaque bain pour une hygiène parfaite.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003ePar la suite, vous trouverez le rythme de routine qui convient à votre animal (généralement une à deux applications hebdomadaires suffisent pour un animal en bonne santé).\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003eGrâce à sa formulation innovante, elle peut être utilisée à l'intérieur de l'oeil aussi bien qu'aux alentours.\u003cbr\u003eEn quelques semaines seulement votre chien ou votre chat retrouvera des yeux en pleine santé.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAssociations recommandées\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003eToute la Gamme Special One est Compatible avec AQUA OTO\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e🤝\u003cmeta charset=\"utf-8\"\u003eLa lotion peut très bien être couplé avec un traitement médical.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eCommencer chaque bain Special One par une pulvérisation d'AQUA nettoyant dans chaque oeil. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eNos engagements\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmétiques biodégradables à +90%\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSans Paraben, Sans silicone\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNon testé sur les animaux.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEmballage recyclable PEHD02\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"100 mL","offer_id":37819393048755,"sku":"WAQ-AQ100 (136)","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/PHOTO-2021-07-12-23-13-599_c22f8065-ac78-43d2-8634-0ee2d8d3ea12.jpg?v=1680465993"},{"product_id":"aqua-oto-hygiene-des-oreilles","title":"AQUA OTO Ohrenhygiene","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eAQUA OTO ist eine spezielle Lotion für \u003c\/span\u003e\u003cspan\u003eOhrenreinigung, aber auch zur Vorbeugung von Verstopfungen und Infektionen.\u003c\/span\u003e\u003c\/p\u003e \u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e \u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody data-mce-fragment=\"1\"\u003e \u003ctr data-mce-fragment=\"1\"\u003e \u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr data-mce-fragment=\"1\"\u003e \u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003eJeder wird darin etwas wirklich Interessantes finden!\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Hundefriseure \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Viehhalter \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Einzelpersonen \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Wettbewerber \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Betreuer\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eWelche Vorteile kann ich erwarten?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e✅ Schadet dem Haar nicht.\u003c\/div\u003e \u003cdiv\u003e✅ Deodorierende Wirkung \u003c\/div\u003e \u003cdiv\u003e✅ Beugt Juckreiz und Rötungen vor\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e✅ Biete ein beruhigende Wirkung\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan\u003e\u003cspan\u003e✅ Entfernung von Ohrenschmalz und anderen öligen Verunreinigungen.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eZusammensetzung: Fokus auf natürliche Inhaltsstoffe!\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003e \u003cmeta charset=\"utf-8\"\u003e \u003cp\u003eAQUA OTO ist eine innovative Ohrlösung deren Löslichkeit die Auflösung und Beseitigung von Ohrenschmalz und anderen öligen Verunreinigungen ermöglicht.\u003cbr\u003eFür eine effektive Reinigung der Ohren Ihrer Hunde und Katzen sollte das Produkt häufig angewendet werden, insbesondere beim Baden, damit der entfernte Schmutz das Fell nicht beschädigt.\u003cbr\u003eDa es hypoallergen ist, wurde es mit dem Ziel hergestellt, alle Hauttypen zu respektieren und gleichzeitig zu einer ordnungsgemäßen Funktion des epidermalen Stoffwechsels beizutragen.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cstrong\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cstrong\u003eSie werden seine natürliche Zusammensetzung zu schätzen wissen:\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e🍀 HAT\u003cspan data-mce-fragment=\"1\"\u003eIllatoin- und Kamillenextrakte \u003c\/span\u003e(\u003cmeta charset=\"utf-8\"\u003eberuhigende Wirkung), \u003c\/div\u003e \u003cdiv\u003e🍀 M\u003cspan data-mce-fragment=\"1\"\u003ePfefferminztee\u003c\/span\u003e (\u003cmeta charset=\"utf-8\"\u003eVorbeugung von Juckreiz und Rötungen), \u003c\/div\u003e \u003cdiv\u003e🍀 L' \u003cspan data-mce-fragment=\"1\"\u003eSchafgarbe, Malve und Zitronenmelisse\u003c\/span\u003e (\u003cmeta charset=\"utf-8\"\u003edesodorierende Wirkung),\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e🍀 Hefe (\u003c\/span\u003edas Fell stärken und aufhellen sowie das natürliche mikrobielle Gleichgewicht der Haut fördern)\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003e \u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAnwendungsbeispiele und Anwendungsvorschläge\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cspan style=\"color: #000000;\" data-mce-style=\"color: #000000;\"\u003e\u003cem\u003e\u003c\/em\u003eWählen Sie dieses Reinigungsmittel, wenn Sie Folgendes benötigen:\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003c\/span\u003e\u003cbr\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 von Reinigen Sie sanft die Ohren von Hunden und Katzen.\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 von \u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eInfektionen verhindern\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 ein Protokoll einzuführen, um zu vermeiden \u003cmeta charset=\"utf-8\"\u003eOhrverstopfung\u003c\/strong\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cstrong data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003cbr\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eABER :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e❌ Geboren \u003cmeta charset=\"utf-8\"\u003eVerwenden Sie niemals Watte, um das Innere der Ohren Ihres Haustieres zu reinigen.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cmeta charset=\"utf-8\"\u003eEs empfiehlt sich, die im Pavillon vorhandenen Daunen vorher zu entfernen (verwenden Sie dazu einen Haarstreifen).\u003cbr\u003eHalten Sie den Kopf des Tieres so, dass die Schnauze zum Boden zeigt, und heben Sie das Ohr so ​​an, dass der Gehörgang senkrecht steht.\u003cbr\u003eGießen Sie Aqua Oto darüber und massieren Sie es dann einige Augenblicke lang ein. \u003cbr\u003eMit einem mit dem Produkt angefeuchteten Gazetupfer wischen Sie vorsichtig das Innere des Ohrs ab, um Verunreinigungen zu entfernen.\u003cbr\u003eWenn sich Ihr Hund schüttelt, verstärkt die Zentrifugalkraft dieser Bewegung die Wirkung des Produkts und die Ausscheidung von Verunreinigungen.\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eEmpfohlene Verbände\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cbr\u003e \u003cdiv\u003eDie gesamte Special One-Produktreihe ist kompatibel mit AQUA OTO\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e🤝\u003cmeta charset=\"utf-8\"\u003eDie Lotion kann sehr gut in Verbindung mit einer medizinischen Behandlung verwendet werden.\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003cbr\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eBei der Fellpflege sollte jedes Special One-Bad mit der Anwendung begonnen werden. Lotion in jedes Ohr.\u003c\/span\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd bgcolor=\"303030\" pixels=\"\"\u003e \u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eUnsere Verpflichtungen\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eKosmetika, die zu über 90 % biologisch abbaubar sind\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003efrei von Parabenen und Silikonen\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNicht an Tieren getestet.\u003c\/p\u003e \u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eRecycelbare Verpackung HDPE02\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"150 ml","offer_id":37819393081523,"sku":"WEX-AQUA OTO (144)","price":28.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-40.png?v=1651839867"},{"product_id":"shampoing-salon-toilettage","title":"BLUE SKY PRO, diluable 40 fois !","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBLUE SKY PRO\u003c\/strong\u003e ist das hochkonzentrierte Special One Profi-Shampoo \u003cstrong\u003eUniversal-\u003c\/strong\u003e. Es wurde für Hundesalons und Züchter entwickelt und bietet Folgendes: \u003cstrong\u003ebestes Preis-Leistungs-Verhältnis im Sortiment\u003c\/strong\u003e : extrem vielseitig, extrem sparsam, extrem effizient – ​​ohne jemals Material abzutragen oder etwas zu beschädigen.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eHauptsächlich konzipiert für die \u003cstrong\u003eHundesalons und Züchter\u003c\/strong\u003e – aber jeder wird es als wirklich vorteilhaft empfinden. Hinweis: Für Wettkämpfer, die sich auf einen Wettkampf vorbereiten, ist ein Spezialshampoo in seinem jeweiligen Anwendungsbereich wirksamer (Bain Pro, Platinum Pro, 4Poodle, Keratine Pro…).\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSeine Formel beinhaltet \u003cstrong\u003eFeuchtigkeitsspender und eine strukturierende, rückfettende Creme\u003c\/strong\u003e, ist konzipiert für \u003cstrong\u003eBeschleunigung und Optimierung der Fellpflege\u003c\/strong\u003e und erzielt dabei maximale Ergebnisse hinsichtlich der Haarstruktur. Verdünnt im Verhältnis 1:40 wird es merklich sichtbar. \u003cstrong\u003egünstiger als Discounter-Marken\u003c\/strong\u003e — mit der ganzen Sorgfalt der hochwertigen Special One Rezepturen.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eFür Mitbewerber:\u003c\/strong\u003e Blue Sky Pro ist ein ausgezeichnetes Allround-Shampoo, aber ein Spezialshampoo erzielt in seinem jeweiligen Anwendungsbereich unübertroffene Ergebnisse. \u003cstrong\u003eBain Pro, Platinum Pro, 4Poodle, Keratin Pro, Aquablu Pro\u003c\/strong\u003e abhängig vom Ziel.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniverselle Reinigung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und desinfiziert selbst die schmutzigsten Tiere gründlich – ohne sie zu enthaaren oder zu beschädigen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGlühen \u0026amp; Helligkeit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht allen Haartypen einen Boost: angenehmeres Haargefühl und verbesserter Glanz.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinschutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eStärkt die natürlichen Abwehrkräfte zum Schutz der Haarstruktur.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHäufiges Baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eKein Risiko für Haut und Haar, auch bei intensiver Anwendung in Salons.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 7v10M9.5 9.5h4a1.6 1.6 0 0 1 0 3.2h-3a1.6 1.6 0 0 0 0 3.2h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eExtrem sparsam\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerdünnung 1\/40: niedrigere Kosten pro Bad als bei Billigmarken, bei Einhaltung der Special One-Standards.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Aktionen des Blue Sky Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 3 }, { label: \"Volume\", value: 3 }, { label: \"Démêlant\", value: 2 }, { label: \"Soin peau\", value: 2 }, { label: \"Brillance\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Aktives Blue Sky Pro JS-MAPPING - Zuverlässig) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Blue Sky Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine natürliche Rezeptur mit Fokus auf Reinheit, Feuchtigkeitsversorgung und Hautschutz – \u003cstrong\u003eParabenfrei, silikonfrei\u003c\/strong\u003e. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Blue Sky Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'yuzu', label:'Yuzu Ceramide B', latin:'Céramide d’agrume', family:'cond',\n desc:\"Céramide d’agrume qui améliore la souplesse de la couche externe de la peau et favorise le renouvellement cutané : elle renforce la barrière épidermique.\",\n targets: [\n { anchor:'epiderme', action:\"Renfort de la barrière\", benefit:\"Renforce la barrière épidermique et améliore la souplesse de la couche externe.\" },\n { anchor:'cuticule', action:\"Lissage du poil\", benefit:\"Aide à lisser la surface du poil pour un toucher plus doux.\" }\n ]\n },\n {\n id:'ananas', label:'Extrait d’Ananas', latin:'Ananas comosus', family:'bio',\n desc:\"Tonifiant, hydratant et exfoliant naturel : il repulpe la peau, revitalise le manteau et favorise l’élimination des cellules mortes.\",\n targets: [\n { anchor:'epiderme', action:\"Exfoliation douce\", benefit:\"Favorise l’élimination des cellules mortes et repulpe la peau.\" },\n { anchor:'tige_poil', action:\"Revitalisation\", benefit:\"Revitalise le manteau et lui redonne de la vitalité.\" }\n ]\n },\n {\n id:'thym', label:'Huile de Thym', latin:'Thymus vulgaris', family:'botanic',\n desc:\"Huile aux vertus purifiantes et antioxydantes : elle assainit la peau en profondeur et protège le manteau des agressions extérieures.\",\n targets: [\n { anchor:'glande_seb', action:\"Purification\", benefit:\"Assainit la peau en profondeur au niveau du film cutané.\" },\n { anchor:'tige_poil', action:\"Protection antioxydante\", benefit:\"Protège le manteau des agressions extérieures.\" }\n ]\n },\n {\n id:'teatree', label:'Tea Tree (Théier)', latin:'Melaleuca alternifolia', family:'botanic',\n desc:\"Actif antiseptique naturel bien connu en cosmétique professionnelle : il purifie, assainit et tonifie la peau.\",\n targets: [\n { anchor:'epiderme', action:\"Action antiseptique\", benefit:\"Purifie et assainit la peau naturellement.\" },\n { anchor:'glande_sud', action:\"Effet tonifiant\", benefit:\"Tonifie la peau et limite les déséquilibres de surface.\" }\n ]\n },\n {\n id:'palmier', label:'Huile de Palmier', latin:'Huile végétale nourrissante', family:'aqua',\n desc:\"Huile très nourrissante et protectrice : elle prévient la déshydratation cutanée et maintient la barrière hydrolipidique.\",\n targets: [\n { anchor:'film_hydro', action:\"Maintien de la barrière\", benefit:\"Prévient la déshydratation et maintient la barrière hydrolipidique.\" },\n { anchor:'epiderme', action:\"Nutrition protectrice\", benefit:\"Nourrit et protège la peau en profondeur.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e40\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil auf 40 Teile Wasser\u003cbr\u003edas sparsamste Modell im Sortiment\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 10 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 40 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 200 l\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e25\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e25\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1,5\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendruck\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/40)\n var cycles = [\n { target: '1 L', ml: '25', g: '25', spoon: '1,5', pump: '1' },\n { target: '2 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '4 L', ml: '100', g: '100', spoon: '6', pump: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eWohnzimmer \u0026amp; Zucht – erstes allgemeines Shampoo oder Bad\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eBlue Sky Pro eignet sich hervorragend als eigenständiges Shampoo oder als erster Schritt in einem zweistufigen Shampoo-Programm.\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eErstes Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerwenden Sie Blue Sky Pro verdünnt auf \u003cstrong\u003e1\/40\u003c\/strong\u003e Zuerst das nasse Haar shampoonieren, dann ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpezielles Shampoo (optional)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAnschließend können Sie je nach Bedarf ein gezielteres Shampoo verwenden: \u003cstrong\u003eBain Pro oder Aquarosa Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme und\/oder Bombastic\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eEinzelshampoo möglich\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFür \u0026quot;durchschnittliche\u0026quot; Hunde im Wohnzimmer kann Blue Sky Pro das Richtige sein. \u003cstrong\u003eeinzigartiges Shampoo\u003c\/strong\u003e : Es deckt alle aktuellen Bedürfnisse mit unschlagbarer Rentabilität ab.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensive Reinigung – für männliche, übergewichtige oder sehr schmutzige Hunde\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür Fälle, die eine starke Reinigungskraft erfordern (Männer mit Urin, fettige Haut, extreme Verschmutzung)\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVergleich nach Intensität\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVergleiche mit \u003cstrong\u003eAquapure Pro\u003c\/strong\u003e Je nach Problemstellung liegen beide auf dieser Skala, wobei Blue Sky Pro etwas weicher ist.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eErstes konzentriertes Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerwenden Sie Blue Sky Pro in \u003cstrong\u003eerstes Shampoo, pur oder konzentriert\u003c\/strong\u003e Die am stärksten verschmutzten Stellen bearbeiten, anschließend abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eIntegration in die Vorbereitungsroutine vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEs kann auch sein \u003cstrong\u003edirekt in Bio Energy Plus integriert\u003c\/strong\u003e für eine intensivere Wirkung bereits vor dem Baden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGeeignete Oberflächenbehandlung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZum Abschluss des Bades ein Shampoo und einen Conditioner verwenden, die für die Fellart geeignet sind.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Blue Sky Pro im Kern + modulare Erweiterungen. Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eDer direkte Konkurrent von Blue Sky Pro bleibt...\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e : Beide Produkte eignen sich für alle Rassen, wobei Blue Sky Pro reinigender wirkt, während Aquarosa Pro sanfter und pflegender ist. Vergleichen Sie die Produkte anhand der Bedürfnisse Ihres Haustieres. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine zweite gezielte Shampoo-Anwendung wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff ist nötig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Absolute 4Poodle · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo der Blue Sky Pro den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱🐶 Alle Katzen \u0026amp; alle Hunde \u003cspan\u003e(per Definition universell)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Kurzes, doppeltes oder mittellanges Haar \u0026amp; Schnitte mit der Schere \u003cspan\u003e(im Wohnzimmer)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEine lange und nicht erschöpfende Liste – der universelle Generalist, vom Wohnzimmer bis zum Bauernhof.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"10 Litres","offer_id":37819393179827,"sku":"WEX-BLSKY10L (89)","price":168.1,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819393212595,"sku":"WEX-BLSKY250 (86)","price":23.95,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":37819393245363,"sku":"WEX-BLSKY1L (87)","price":48.3,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/blueSkyPro.png?v=1680257162"},{"product_id":"parfum-de-luxe-by-special-one","title":"Luxusparfüm von Special One","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Outfit:wght@200;300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e \u003cstyle\u003e\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --black: #111;\n --dark: #222;\n --charcoal: #333;\n --gray-dark: #555;\n --gray: #777;\n --gray-mid: #999;\n --gray-light: #bbb;\n --silver: #d0d0d0;\n --pearl: #e5e5e5;\n --smoke: #f0f0f0;\n --off-white: #f7f7f7;\n --white: #fff;\n --font-display: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'Outfit', Helvetica, sans-serif;\n }\n\n html { scroll-behavior: smooth; font-size: 16px; }\n\n body {\n font-family: var(--font-body);\n background: var(--white);\n color: var(--black);\n line-height: 1.6;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* ==================== HERO ==================== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 60px 24px;\n background: var(--white);\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n\n .hero-badge {\n display: inline-block;\n font-family: var(--font-body);\n font-weight: 500;\n font-size: 0.7rem;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--gray);\n border: 1px solid var(--pearl);\n padding: 8px 24px;\n margin-bottom: 40px;\n position: relative;\n z-index: 1;\n animation: fadeDown 1s ease both;\n }\n\n .hero-title {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(2.8rem, 8vw, 7rem);\n line-height: 1.05;\n letter-spacing: -0.02em;\n color: var(--black);\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.2s ease both;\n }\n\n .hero-title em {\n font-style: italic;\n font-weight: 300;\n color: var(--gray);\n }\n\n .hero-subtitle {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: clamp(0.95rem, 2vw, 1.15rem);\n color: var(--gray);\n max-width: 560px;\n margin-top: 28px;\n line-height: 1.7;\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.4s ease both;\n }\n\n .hero-line {\n width: 1px;\n height: 80px;\n background: linear-gradient(to bottom, transparent, var(--pearl), transparent);\n margin-top: 50px;\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.6s ease both;\n }\n\n .hero-scroll {\n font-family: var(--font-body);\n font-size: 0.65rem;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gray-light);\n margin-top: 16px;\n position: relative;\n z-index: 1;\n animation: fadeUp 1s 0.7s ease both;\n }\n\n \/* ==================== PYRAMIDE ==================== *\/\n .pyramide-section {\n padding: 100px 24px;\n background: var(--off-white);\n position: relative;\n }\n\n .pyramide-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--pearl), transparent);\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 70px;\n }\n\n .section-label {\n font-family: var(--font-body);\n font-weight: 500;\n font-size: 0.65rem;\n letter-spacing: 0.35em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 20px;\n }\n\n .section-title {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(2rem, 4.5vw, 3.2rem);\n color: var(--black);\n line-height: 1.15;\n }\n\n .pyramide-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n max-width: 1000px;\n margin: 0 auto;\n background: var(--pearl);\n }\n\n .pyramide-card {\n background: var(--white);\n padding: 48px 32px;\n text-align: center;\n transition: background 0.4s ease;\n }\n\n .pyramide-card:hover { background: var(--smoke); }\n\n .pyramide-icon { font-size: 1.6rem; margin-bottom: 20px; color: var(--silver); }\n\n .pyramide-card h3 {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: 1.35rem;\n color: var(--black);\n margin-bottom: 6px;\n }\n\n .pyramide-card .subtitle {\n font-family: var(--font-body);\n font-size: 0.7rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 18px;\n }\n\n .pyramide-card p {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 0.88rem;\n color: var(--gray);\n line-height: 1.7;\n }\n\n @media (max-width: 768px) {\n .pyramide-grid { grid-template-columns: 1fr; }\n }\n\n \/* ==================== FRAGRANCES ==================== *\/\n .fragrances-section {\n padding: 100px 24px;\n background: var(--white);\n position: relative;\n }\n\n .fragrances-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--pearl), transparent);\n }\n\n .featured-fragrances {\n max-width: 1100px;\n margin: 0 auto 100px;\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n .featured-card {\n display: grid;\n grid-template-columns: 1fr 1fr;\n overflow: hidden;\n transition: transform 0.5s ease;\n }\n\n .featured-card:hover { transform: translateY(-2px); }\n\n .featured-card:nth-child(even) .featured-visual { order: 2; }\n .featured-card:nth-child(even) .featured-content { order: 1; }\n\n .featured-visual {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 60px 40px;\n background: var(--black);\n position: relative;\n min-height: 350px;\n }\n\n .featured-visual .fragrance-initial {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(5rem, 10vw, 9rem);\n color: var(--white);\n opacity: 0.06;\n position: absolute;\n user-select: none;\n }\n\n .featured-visual .fragrance-name-display {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: clamp(2.2rem, 4vw, 3.5rem);\n color: var(--white);\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .featured-visual .fragrance-name-display em {\n display: block;\n font-style: italic;\n font-size: 0.45em;\n color: var(--gray-mid);\n margin-top: 8px;\n font-weight: 300;\n }\n\n .featured-content {\n padding: 50px 44px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: var(--white);\n }\n\n .featured-tag {\n font-family: var(--font-body);\n font-size: 0.6rem;\n font-weight: 500;\n letter-spacing: 0.3em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 16px;\n }\n\n .featured-content h3 {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(1.5rem, 3vw, 2rem);\n color: var(--black);\n margin-bottom: 16px;\n line-height: 1.2;\n }\n\n .featured-content .desc {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 0.9rem;\n color: var(--gray);\n line-height: 1.75;\n margin-bottom: 28px;\n }\n\n .notes-row { display: flex; gap: 24px; flex-wrap: wrap; }\n .note-block { flex: 1; min-width: 140px; }\n\n .note-block .note-label {\n font-family: var(--font-body);\n font-size: 0.6rem;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 6px;\n }\n\n .note-block .note-value {\n font-family: var(--font-display);\n font-weight: 400;\n font-size: 0.92rem;\n color: var(--charcoal);\n line-height: 1.5;\n font-style: italic;\n }\n\n @media (max-width: 768px) {\n .featured-card { grid-template-columns: 1fr; }\n .featured-card:nth-child(even) .featured-visual { order: 1; }\n .featured-card:nth-child(even) .featured-content { order: 2; }\n .featured-content { padding: 36px 28px; }\n .featured-visual { min-height: 240px; padding: 40px 28px; }\n .notes-row { gap: 16px; }\n .note-block { min-width: 100%; }\n }\n\n \/* — Classics — *\/\n .classics-header { text-align: center; max-width: 700px; margin: 0 auto 60px; }\n\n .classics-divider {\n width: 60px;\n height: 1px;\n background: var(--pearl);\n margin: 0 auto 60px;\n }\n\n .classics-grid {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1px;\n background: var(--pearl);\n }\n\n .classic-card {\n background: var(--white);\n padding: 36px 32px;\n border-left: 2px solid var(--pearl);\n transition: border-color 0.3s ease, background 0.3s ease;\n }\n\n .classic-card:hover {\n border-color: var(--black);\n background: var(--off-white);\n }\n\n .classic-card .card-name {\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 1.4rem;\n color: var(--black);\n margin-bottom: 4px;\n }\n\n .classic-card .card-theme {\n font-family: var(--font-body);\n font-size: 0.7rem;\n font-weight: 400;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gray-mid);\n margin-bottom: 22px;\n }\n\n .classic-card .card-notes { display: flex; flex-direction: column; gap: 14px; }\n\n .classic-card .card-note-row { display: flex; align-items: baseline; gap: 12px; }\n\n .classic-card .card-note-label {\n font-family: var(--font-body);\n font-size: 0.58rem;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gray-mid);\n min-width: 52px;\n flex-shrink: 0;\n }\n\n .classic-card .card-note-val {\n font-family: var(--font-display);\n font-weight: 400;\n font-size: 0.88rem;\n color: var(--gray-dark);\n font-style: italic;\n line-height: 1.45;\n }\n\n @media (max-width: 500px) {\n .classics-grid { grid-template-columns: 1fr; }\n .classic-card { padding: 28px 24px; }\n }\n\n \/* ==================== USAGE ==================== *\/\n .usage-section {\n padding: 80px 24px;\n background: var(--off-white);\n position: relative;\n }\n\n .usage-section::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--pearl), transparent);\n }\n\n .usage-inner { max-width: 640px; margin: 0 auto; text-align: center; }\n\n .usage-inner h3 {\n font-family: var(--font-display);\n font-weight: 400;\n font-size: 1.6rem;\n color: var(--black);\n margin-bottom: 24px;\n }\n\n .usage-tips {\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-top: 40px;\n flex-wrap: wrap;\n }\n\n .usage-tip { text-align: center; max-width: 200px; }\n .usage-tip .tip-icon { font-size: 1.4rem; margin-bottom: 12px; color: var(--silver); }\n\n .usage-tip .tip-text {\n font-family: var(--font-body);\n font-weight: 300;\n font-size: 0.82rem;\n color: var(--gray);\n line-height: 1.6;\n }\n\n .usage-tip .tip-text strong { color: var(--black); }\n\n \/* ==================== FOOTER ==================== *\/\n .footer {\n padding: 50px 24px;\n text-align: center;\n background: var(--black);\n }\n\n .footer-brand {\n font-family: var(--font-display);\n font-weight: 300;\n font-size: 1.1rem;\n color: var(--gray-mid);\n letter-spacing: 0.05em;\n }\n\n .footer-brand strong { color: var(--white); font-weight: 500; }\n\n .footer-sub {\n font-family: var(--font-body);\n font-size: 0.7rem;\n color: var(--gray-dark);\n margin-top: 10px;\n letter-spacing: 0.1em;\n }\n\n \/* ==================== ANIMATIONS ==================== *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeDown {\n from { opacity: 0; transform: translateY(-16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\u003c\/style\u003e \u003c!-- HELD --\u003e \u003csection class=\"hero\"\u003e \u003ch2 class=\"hero-badge\"\u003eSpecial One Italia – Parfümlinie\u003c\/h2\u003e \u003ch2 class=\"hero-title\"\u003eParfums \u003cem\u003eAußergewöhnlich\u003c\/em\u003e\u003cbr\u003efür Tiere\u003c\/h2\u003e \u003cp class=\"hero-subtitle\"\u003eEine Kollektion exklusiver Düfte, kreiert in Grasse, die Ihren Haustieren ein einzigartiges Dufterlebnis bietet. Der luxuriöse Touch, der Ihre Pflegeroutine perfekt abrundet.\u003c\/p\u003e \u003cdiv class=\"hero-line\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"hero-scroll\"\u003eEntdecke die Kollektion ↓\u003c\/div\u003e \u003c\/section\u003e \u003c!-- GERUCHSPYRAMIDE --\u003e \u003csection class=\"pyramide-section\"\u003e \u003cdiv class=\"section-header reveal\"\u003e \u003cdiv class=\"section-label\"\u003eParfums verstehen\u003c\/div\u003e \u003ch2 class=\"section-title\"\u003eDie olfaktorische Pyramide\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"pyramide-grid\"\u003e \u003cdiv class=\"pyramide-card reveal\"\u003e \u003cdiv class=\"pyramide-icon\"\u003e△\u003c\/div\u003e \u003ch3\u003eTop Note\u003c\/h3\u003e \u003cdiv class=\"subtitle\"\u003eDer Flug\u003c\/div\u003e \u003cp\u003eFlüchtig, flüchtig und leicht – so lautet der erste Eindruck. Frisch und lebendig, fesselt es sofort die Sinne.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"pyramide-card reveal\"\u003e \u003cdiv class=\"pyramide-icon\"\u003e◇\u003c\/div\u003e \u003ch3\u003eHerznote\u003c\/h3\u003e \u003cdiv class=\"subtitle\"\u003eDie Figur\u003c\/div\u003e \u003cp\u003eWeniger intensiv, aber umso beständiger, entfaltet es sich, sobald die Kopfnote verfliegt. Es ist die Seele des Duftes.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"pyramide-card reveal\"\u003e \u003cdiv class=\"pyramide-icon\"\u003e▽\u003c\/div\u003e \u003ch3\u003eHintergrundinformationen\u003c\/h3\u003e \u003cdiv class=\"subtitle\"\u003eDie Totenwache\u003c\/div\u003e \u003cp\u003eNicht sehr intensiv, aber sehr anhaltend, schafft es Verbundenheit und Loyalität. Es ist die Erinnerung an den Duft.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- Düfte --\u003e \u003csection id=\"collection\" class=\"fragrances-section\"\u003e \u003cdiv class=\"section-header reveal\"\u003e \u003cdiv class=\"section-label\"\u003eNeue Kreationen\u003c\/div\u003e \u003ch2 class=\"section-title\"\u003eSignaturdüfte\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"featured-fragrances\"\u003e \u003c!-- CIURI CIURI --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eCC\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eCiuri Ciuri\u003cem\u003eBlumig \u0026amp; Nostalgisch\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNeuer Duft – 100 ml\u003c\/div\u003e \u003ch3\u003eEine emotionale Reise durch einen Blumengarten\u003c\/h3\u003e \u003cp class=\"desc\"\u003eInspiriert vom berühmten italienischen Lied entführt Sie Ciuri Ciuri in einen Garten, der das ganze Jahr über in voller Blüte steht. Dieser frische, blumige Duft weckt Erinnerungen an vergangene Momente und schenkt Ihnen einen Hauch von Frische und Freude. Jeder Sprühstoß ist eine duftende Umarmung, die Ihren Begleiter zum Botschafter purer Emotionen macht.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eKopf\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eViolett, Orangenblüte\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHerz\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eRose, Geranie\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eUnten\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eJasmin, weißer Moschus\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- DIE GLOCKE --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eLB\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eDie Glocke\u003cem\u003eFruchtig \u0026amp; Elegant\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNeuer Duft – 100 ml\u003c\/div\u003e \u003ch3\u003eFruchtige Süße \u0026amp; holzige Eleganz\u003c\/h3\u003e \u003cp class=\"desc\"\u003eBell ist ein süßer, fruchtiger Duft mit blumigen und holzigen Noten. Er ist ideal für kleine Hunde mit einem sanften und anhänglichen Wesen und verleiht ihrem Fell eine elegante und edle Note – perfekt für besondere Anlässe und Ausflüge mit Freunden.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eKopf\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eOrange, Mandarine, Bergamotte, Zitrone\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHerz\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eJasmin, Maiglöckchen, Ylang-Ylang, Lavendel, Pfirsich, Veilchen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eUnten\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eZeder, Sandelholz, weißer Moschus\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- KIKINCI --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eKi\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eKikinci\u003cem\u003eKosten \u0026amp; Scharf\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNeuer Duft – 100 ml\u003c\/div\u003e \u003ch3\u003ePositive Energie \u0026amp; Abenteuerlust\u003c\/h3\u003e \u003cp class=\"desc\"\u003eKikinci ist eine Explosion an Frische und Vitalität, ideal für temperamentvolle und energiegeladene Hunde. Sein frisch-würziger Duft weckt Erinnerungen an Reisen, Spielen im Freien und Bewegung. Ein einziger Sprühstoß genügt, und Ihr Vierbeiner ist bei jedem Abenteuer mit einem Energieschub dabei.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eKopf\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eZitrone, Orange, Bergamotte, Schwarze Johannisbeere\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHerz\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eSandelholz, Pfirsichblüten, Zagara, Maiglöckchen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eUnten\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eWeißer Moschus, Vanille\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BABY PAW --\u003e \u003cdiv class=\"featured-card reveal\"\u003e \u003cdiv class=\"featured-visual\"\u003e \u003cspan class=\"fragrance-initial\"\u003eBP\u003c\/span\u003e \u003cdiv class=\"fragrance-name-display\"\u003eBabypfote\u003cem\u003eWeich \u0026amp; Gourmand\u003c\/em\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"featured-content\"\u003e \u003cdiv class=\"featured-tag\"\u003eNeuer Duft – 100 ml\u003c\/div\u003e \u003ch3\u003eDie Zärtlichkeit einer Kindheitserinnerung\u003c\/h3\u003e \u003cp class=\"desc\"\u003eBaby Paw ist die Verbindung zwischen Duft und Gefühl. Wie der Duft frisch gebackener Kekse, der einen sofort in die Küche lockte, weckt dieser süße und köstliche Duft die unbeschwerten Tage der Kindheit wieder auf. Ein zärtlicher Welpe wird zum treuen Begleiter fürs Leben, jemand, den man mit Liebe überschüttet … und im Nu ist man wieder Kind.\u003c\/p\u003e \u003cdiv class=\"notes-row\"\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eKopf\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eZitrone, Orange, Erdbeere, Himbeere\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eHerz\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eWeiße Blüten\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"note-block\"\u003e \u003cdiv class=\"note-label\"\u003eUnten\u003c\/div\u003e \u003cdiv class=\"note-value\"\u003eVanille\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- KLASSIKER --\u003e \u003cdiv class=\"classics-header reveal\"\u003e \u003cdiv class=\"section-label\"\u003eKlassische Kollektion – Aqua-Linie\u003c\/div\u003e \u003ch2 class=\"section-title\"\u003eUnsere legendären Düfte\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"classics-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"classics-grid\"\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eMutiges Wasser\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eScharf \u0026amp; Bernstein\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eKopf\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eFlorence-Iris, Texas-Zeder\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHerz\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eIndischer Pfeffer, chinesischer Eukalyptus, indonesische Muskatnuss\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eUnten\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eAustralisches Sandelholz, holzige Noten \u0026amp; Bernstein\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eEnergie Wasser\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eKosten \u0026amp; Leder\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eKopf\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eFranzösisches Veilchen, Sandelholz, Texas-Zeder\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHerz\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eSizilianische Zitrone, französischer Lavendel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eUnten\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eAmber, Leder, Moschus\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eQuellwasser\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eBlumig \u0026amp; Bewaldet\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eKopf\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eTürkische Rose, Indische Hyazinthe\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHerz\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eKokosnuss, Komoren-Ylang-Ylang\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eUnten\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eVanille aus Madagaskar, Sandelholz aus Indien\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eMondwasser\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eSchlank \u0026amp; Elegant\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eKopf\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eTürkische Rose, ägyptische Geranie, Jasmin\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHerz\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eWassermelone, Ylang-Ylang, Magnolie\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eUnten\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eWeißer Moschus, Heliotrop\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"classic-card reveal\"\u003e \u003cdiv class=\"card-name\"\u003eFelsenwasser\u003c\/div\u003e \u003cdiv class=\"card-theme\"\u003eEntspannt \u0026amp; Licht\u003c\/div\u003e \u003cdiv class=\"card-notes\"\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eKopf\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eTuberose, Solar Accord\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eHerz\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eJasmin, Orangenblüte\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"card-note-row\"\u003e \u003cspan class=\"card-note-label\"\u003eUnten\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eBernstein, Orientalisches Holz\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- GEBRAUCHSANWEISUNG --\u003e \u003csection class=\"usage-section\"\u003e \u003cdiv class=\"usage-inner reveal\"\u003e \u003cdiv style=\"margin-bottom: 20px;\" class=\"section-label\"\u003eGebrauchsanweisung\u003c\/div\u003e \u003ch3\u003eAnwendungstipps\u003c\/h3\u003e \u003cdiv class=\"usage-tips\"\u003e \u003cdiv class=\"usage-tip\"\u003e \u003cdiv class=\"tip-icon\"\u003e◎\u003c\/div\u003e \u003cdiv class=\"tip-text\"\u003eSprühen Sie bei \u003cstrong\u003e20-40 cm\u003c\/strong\u003e des Tieres, auf dem Fell des Schwanzes und des Rückens\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"usage-tip\"\u003e \u003cdiv class=\"tip-icon\"\u003e✦\u003c\/div\u003e \u003cdiv class=\"tip-text\"\u003eVermeiden Sie das Besprühen von Gesicht und Schleimhäuten. \u003cstrong\u003eZwei Sprühstöße\u003c\/strong\u003e sind ausreichend.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"usage-tip\"\u003e \u003cdiv class=\"tip-icon\"\u003e♦\u003c\/div\u003e \u003cdiv class=\"tip-text\"\u003eEnthält Alkohol, entzündliches Produkt. Darf nicht in die Hände von Kindern gelangen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- FUSSZEILE --\u003e\u003cfooter class=\"footer\"\u003e \u003cdiv class=\"footer-brand\"\u003e \u003cstrong\u003eBesonderer\u003c\/strong\u003e — Parfümlinie\u003c\/div\u003e \u003cdiv class=\"footer-sub\"\u003eErstellt in Grasse · Vertrieben von PetDesign.fr\u003c\/div\u003e \u003c\/footer\u003e \u003cp\u003e \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"Quellwasser","offer_id":37819393310899,"sku":"-107","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Tapferes Wasser","offer_id":37819393343667,"sku":"-126","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Energiewasser","offer_id":37819393376435,"sku":"-104","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Mondwasser","offer_id":37819393409203,"sku":"-101","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Felswasser","offer_id":37819393441971,"sku":"-102","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Die Bell-Ära","offer_id":37819393474739,"sku":"-105","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Kikinsci","offer_id":37819393507507,"sku":"-108","price":50.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/179.jpg?v=1614081492"},{"product_id":"special-rinse-shampoing-sans-rincage","title":"Special Rinse, shampoing \"sans rinçage\"","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan lang=\"it\" xml:lang=\"it\"\u003eShampoing\u003c\/span\u003e\u003cspan\u003e SANS RINCAGE, idéal pour éliminer les traces et autres salissures organiques. Les odeurs disparaissent aussi instantanément.\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eTout le monde y trouvera un réel intérêt !\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Toiletteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Eleveurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Particuliers \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Compétiteurs \u003cspan data-mce-fragment=\"1\"\u003e☑️\u003c\/span\u003e Handlers\u003c\/div\u003e\n \n\u003cdiv\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eQuels bénéfices puis-je espérer ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Elimine les tâches \u003c\/div\u003e\n\u003cdiv\u003e✅ Elimine les odeurs organiques désagréables \u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Sa couleur bleue sert à raviver les pelages blancs \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eComposition : focus sur du naturel !\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003eLa formulation de Special Rinse a été enrichie d'une composition nettoyante et hydratante douce pour compléter le pelage avec des éléments fonctionnels importants. Son action accentue la beauté esthétique et la brillance du pelage. Il contient également un important pigment bleu qui empêche le jaunissement des pelages blancs. Agréablement parfumé. \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eExemples et suggestions d'utilisations\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cspan style=\"color: #ff2a00;\"\u003e\u003cstrong\u003e\u003cem\u003e\u003c\/em\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e✨S'applique sur poil souillé, sec ou mouillé.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003e✨Laisser agir quelques instants, sécher ou laisser à l'air libre.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e✨ On le met dans le deuxième shampoing, pur sur la zone que nous souhaitons blanchir en particulier. \u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cem\u003e\u003c\/em\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eAssociations recommandées\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003ePeut également se mixer avec tous les shampoins de la gamme Special One pour raviver les couleurs blanches.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003eNous vous conseillons de l'utiliser seul en dehors du bain pour éviter les salissures, éviter les odeurs organiques \u003c\/span\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ctable cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eNos engagements\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eCosmétiques biodégradables à +90%\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eSans Paraben, Sans silicone\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eNon testé sur les animaux.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003eEmballage recyclable PEHD02\u003c\/p\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003eChoix par race ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e🎈 Quelques exemples de races sur lesquelles Special Rinse fait des heureux:\u003cbr data-mce-fragment=\"1\"\u003e\n\u003cdiv data-mce-fragment=\"1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les Chats\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"UTF-8\"\u003e \u003cspan\u003e✔️ Tous les Chiens \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e✔️ Idéal à avoir dans sa mallette de toilettage pour les concours ou exposition (peut vous sauver à la \u003c\/span\u003edernière minute en cas d'accident) \u003c\/div\u003e\n\u003cdiv\u003e✔️ Parfait pour les Chow Chow \u003c\/div\u003e\n\u003cdiv\u003e✔️ Parfait pour un Terre-neuve \u003c\/div\u003e\n\u003cdiv\u003e✔️ Idéal pour votre Saint Bernard \u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819397701811,"sku":"-143","price":44.0,"currency_code":"EUR","in_stock":true},{"title":"250 mL","offer_id":37819397734579,"sku":"WAQ-SPR250 (138)","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-25.png?v=1651837125"},{"product_id":"aquarosa-pro","title":"AQUAROSA PRO","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUAROSA PRO\u003c\/strong\u003e Special One ist das professionelle Shampoo, das speziell für Felle entwickelt wurde, die dringend Pflege benötigen. Es ist hochkonzentriert, reich an Vitaminen und Feuchtigkeitsspendern und verleiht dem Fell... \u003cstrong\u003eDie beste Version des Fells Ihres Haustieres, unabhängig von seiner Rasse\u003c\/strong\u003e : Intensivste Hydratation und Nährstoffversorgung mit integriertem Conditioner. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eFür jeden ist es von großem Interesse – von professionellen Hundefriseursalons bis hin zu Privatpersonen.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSeine hochkonzentrierte Formel ermöglicht es \u003cstrong\u003eum die ausgetrocknetsten Felle zu fangen\u003c\/strong\u003e, Wirkt besonders intensiv bei trockener und empfindlicher Haut. Natürliche Vitamine und Aminosäuren verleihen ihr bemerkenswerte Geschmeidigkeit und sorgen für langanhaltenden Glanz und Strahlkraft. Selbst bei sehr häufiger Anwendung ist es sanft zu Haut und Haar.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3 C8 9 6 13 6 16 a6 6 0 0 0 12 0 c0-3-2-7-6-13Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSanftes Bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eGeeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenreinigung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt, desinfiziert und verleiht allen Haartypen Glanz.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M3 8 Q9 5 15 8 T21 8\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12 Q9 9 15 12 T21 12\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16 Q9 13 15 16 T21 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Knoten\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErleichtert das Entwirren und Bürsten und verringert das Risiko erneuter Knoten.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2 L4 14 L11 14 L11 22 L20 10 L13 10 Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSofortige Ernährung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIntensive und sichtbare Wirkung bereits nach der ersten Haarwäsche.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3 L20 6 L20 12 Q20 18 12 22 Q4 18 4 12 L4 6 Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinschutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eStärkt die natürlichen Abwehrkräfte zum Schutz der Haarstruktur.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3 L12 21\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12 L21 12\"\u003e\u003c\/path\u003e\u003ccircle cx=\"6\" cy=\"9\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eFettige Haut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehandelt überschüssigen Talg und erhält gleichzeitig den Hydrolipidfilm.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 12 A9 9 0 0 1 18 6 L21 6\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 12 A9 9 0 0 1 6 18 L3 18\"\u003e\u003c\/path\u003e\u003cpath d=\"M18 3 L21 6 L18 9\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 21 L3 18 L6 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHäufiges Baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eAuch bei intensiver Anwendung besteht kein Risiko für Haut und Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUniversal\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHaare mit Volumen behalten ihr natürliches Volumen; seidiges, schweres Haar bleibt so, wie es ist – und wird sogar noch schöner.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise von AQUAROSA PRO besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Brillance\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Volume\", value: 3 }, { label: \"Texture\", value: 2 }, { label: \"Démêlant\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5); var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (mit MAPPING) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von AQUAROSA PRO: Innovation, Leistung und das Streben nach natürlichen Inhaltsstoffen!\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine natürliche Formel reich an Antioxidantien, Vitaminen und Reinigungsmitteln — \u003cstrong\u003eSLS-frei\u003c\/strong\u003e, Frei von Parabenen und Silikonen.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée d'AQUAROSA PRO\" src=\"data:image\/webp;base64,UklGRuaIAABXRUJQVlA4WAoAAAAQAAAA8wEAZAQAQUxQSBggAAAB\/yckSPD\/eGtEpO4jbttIcqTpmvGuL\/+Adb9+L6L\/E1A3t4\/vcoWblB2y15gzpsKGUKfsFK6smxA8GbmmQoT49Ph22NWOtB7p2IC1tXarFoXJ8eZ4OjmmFPwWiN35aMTunBh\/gJmMNDOdqslQHLeN5EhS5Z\/1Wa17R8QE+O\/FZC6GbDGd2WIzKjDbtYGnW8sNeG3AWjOeDuDme\/wSFeVFEZQPWE52crPzm2E1stysN3v+Zgcn85+zZndvdn4zsutXPP8iXPw\/m7Yk6f+Ptc+5StvOvJ1GV94sVzrL5oe3s227H2292bZ7jEfbtpk65+wdEYPsvdeKQc596oiYAF\/Yth2bI\/\/fcV33\/b4VY+Zj27Zt214cLn6spbFtNMdt26yubOmkk7aiqThVKbzPfZ0Lz\/081ahU3vfDiJgAb9j2GZLk\/9\/9iojs6u7ptd7+2LZt2\/58Htq2vbYO29asbQ8Wo8YOG1OtqojX6+OHs3u9VRExAYzfk3\/Fzcf\/zV\/mJtBTe9\/pHmJd8t\/UWm9ihTTR\/kJ1Yn5apHv8yicOx9Lss3LOGi79gciKhw+zwMx8k+SlpUfVDSmL9PgNDHvevTltQ1Eu7j9i45H8LOVGWcPFD+Ri8nyxXJBb3vZkAdWxW6YSZbIjdyZBpKWzVRpkxe9\/IgXmZaOloRgP2\/GkA0lxlpJDhl99KgRetvfMxbjighNZYKVdq1wZM33B61QGEIMDn68kxr15H80QQI+\/3yBLox\/eOFoHEOnP1AlyfzUNgPLnv1mZMR99\/1fGsGInlIS462v+HVG19xpk1vw+Jbfku+6CzGPz74fTHg0vsSLEFRcqUkvD+Z0kxFLz8xvkVPxqmRFG8Z+KVAm\/lCzC0+iNi80UbeVHihXCBN\/+\/YhqpH1PpwYwweI3E6kiLxemgLDqbESmbuUe0gQsyYGLTaIe6dOb0mjyVZi5Ipv9H9E29VPwBW\/Bsv73KHtOSVV8+7H9Fvq\/tG1BgVf47veY9P8Y\/JmJ75I+vtfF\/1nzXc+Y46XYt5\/evu2gCe9U3raEuqLsuUB8l3z1PV7odt24uTS6pMW3iZ6RZ89Zd\/H9zOOplw6+bHiVPH2tNf3+KZLoDn34sEcfDV5rojvs3o8p6FnztS+VRpf8xiNZPaIsnLjmgjvs8jlE31h8Q4EXv3qwX7PTlzNd4ss\/CZU2trJbWXBTz0L7aNm6R5fTEC76qmOW0DKSzlcOuKR+CNou360yENu05beDaOXb1Dlcqb6j1l6rrLNsKLapC58NQ9tmpyg5XKKPwKpWXu40g4tY8nwn2ur4cyVVsV2lZ9ZateLgHKVgi1h5EobWsvqihdiu8DLXXitNNx2RGluU5T\/nRMfNKs5WwnNdq1bW+9MXrAptpoW\/aIKOfzOwYKvCs3zUb2fyQZWGFnX5M6yv\/3eUhYUQ29I8Acf\/3\/NTB0tFS3Tjbc4Oye8X3KL3qqYOZqfDxXr1LVC0b\/mWw40t4e3DZqxdpIULlIIs6tQTMLRv3SvLqQktexqs6pDqo70UZIkte8DIDrKNKk5WVd+Fuo\/2Xh46IVWRXWPGEzqGvamCluiRnWCHKP1rrQktfwa06iAtzQntNJxZZxU61nJS6QZkAZtqR8fIK7uUBTZt\/BGodPDulW1lnazU3O7NGDqaP61kZDk2w9hpeJpFkGVLnoceOq8f3TeBXdWvg0mX2l03kSpYabhzxgQdo8zcrhxgYexhaOqUFvbKBbZPHUf3sGt6uYKV6sN\/66mT1rapc65oi++HdvLuuem0Lq5Fl1yFhM6+TTnIwumLzk5mf24usHt2DHXVxe2lo0W2cMdq76FrHbtK3YAsvAiaukR5e5dcXBM7b\/CEbjtfRSuNfdo0g99SHCxpDiw3Z4UR1b9FWVzTziJsRV7nv8kSV2yuWarGioZxtrK4Fm5B7StyX\/waS2CZP+IVK27+2gcFVtKHa80wjL9VEdeiJ1DLyurST1rmSup1m7WPFUdsURLX1OdDpRvtnxJYtOlrrELG+ByBVY3uRpO6Fbvz+GRcaX8ziO5hf68srFNzbLmnbpH3fWVKXMFv87rXDWtOEFe0BRtd0F3sPtaMK78T2stygYqwdn+NJWS0OimuRXf+GyyD5xduSA2rJM9G088QmtlnQZWMds94he6R2j+FuPbpkSOjeU5kLXgUJhlauvMVc6pSfXKoPWQM27zUBVWQDVBkjDx7mlVBLfWK+1yymL+poMo54JjnkD9WuBK9pdFeDk8XVRPUtKlnQZHR08vbUnB1L6yXo6XnNxlW8JdrQs7UVouoFpv5c3iOyMsXV6xSfR2aXhbt2m0BlclnvpUUOV1XvFmcqn981T8ky2I63ER1+p03D+BZtDYdAZX5d\/6Ajpyet5+nClXiOXBkNU24qHb7oFieiFMHCSpL635VNJM9EwbVgD83eJbQzgVRnf3fUo2sNd\/3YmlMGV92qud58vpjJqidX2yIrJH2XxUNqjR1tSyPNDhcxlTmNxca5G06cTo7Uym9Ws9VyGVC2th853Pl5Y1nzJly+5EnIzLZ7HNY6Q2oe1kiDS93Mc1myR5PyJzfqIkpcOoYJE\/YrgMKplI9q0i57nq+NKRE91zvhtyTMiGdRkdQj+WJNP9XqkzpvKNWIa\/Z+HYFUtRFh5Db\/R4zIS326NBSppYuqpkpYhqN5PH86ubkSKXhoRXWR6a06TULpIBNI0PmvHp9CqTo1aNoJJO1l91EtDSnx5px5A1tH1ogZXg1HJmbbt2SnSix++Epk+cDL5qL6MofMUWu2Ha0kJbmKbspufB\/mchI0R6YtlxS\/Kg6omjTs07k9sVvVyEq+akNKrki32pZQNMX7K+I\/BtVkNJF90Oy+eJ3KBEF3NRzZrN8lIwo4s4pRW4xAxUmULAZnKMioCu95n6tcikfPG6JKE+74cgdefc+M6LUXouUDZotSAlvnACz2fLHKAK65\/cuapBf82SgKGv3uxSIJKKkecNIPJun2x7MIjp9oDFkD1k\/IeXfT022SGt3WSPK1v9spdlkK9dFAJWaw3AUtCkBTe1fk7TEeBAF14eT5wttWzegxB89Z8jv+vc9JYDS4xgVCPUENG2CaPJ5t+W21HiS0ZGNivyh6Z3mPAH1hHo+adLCePL+rAtKzoUFUM218AK2\/o8K4Uxs+2OXAspNQFejO9BUBWzVgaLO3+dE\/qGd83JxnmzZaUoBqbl4Jk4vUhawNlTwBFw1acjfyraLgKJNTYIFTHWZKJ9+WKsCUjMZTi7XCVEw4qK54jjBXoSiYX030Sx+zQJjgUi7XrCGU4X7VxTa8nhynCzBiaLrSThLs3MWUiL5n3ngBNg4UTLSQQEtd1Reotkd+1LgJLipbywRdyxmnFJzdJ8LCpp9wEI0E0vXKgtEnr0jHCdLm50okd5+0IImsUVnWUSanxTOztEARaOdvpyCJvFn7FUpIavimZgSQ0lbrwqaqAuugpRo6Zb7s+Pki+6yVCI0XDPhXD3LUTxoquzx15uUiLLvRJ6cmxxlY2IgmkW3PkoWcXtw2gImcnazSpGI++cLTj4ljjJ2tGimrd7rLBK5\/5A5TttPeCqTtt5pDSawGqL0sUkwk\/7qMS91u+NkS9eChfxk0Zz80V21FErH4QTURFm313YpYPK0AizTdOv2AhOb9a9FKmM2phDNaiirvONCnIRnx51lLM+LZvphGsro0aUULNHn9x2F445FmpLeccpSGdmxZqL5Qk0UVZp7MZwl6oLZnpcJe\/W+3FgCfD0KG0eWEMvE9AJnGXhmKJjFr9+uKCrKFymzRF10EoUgfT1N8JW3oLDs6c+0BBP+aVCq2DnqxDJ5x4QXgu1Gk\/jDtEI+2q3CUtJr97uUUdr3XhPL4tMrlGUgD2QsGZY7UVY82ZhQpq58AaVQ8LomswSowgvBEJwW91DaluYnTYkvXKNSpkmfuzaJZfolOkpnJszSHDjjqZDFSYQSgTfub1hG6fj7w1ASO3NDXaF0XRPNWxaApWJygiXq5Gu8h8KhF6YtSALSUnopt43TxVnqOQL2TCgnvmlSWc6DJfokMdcuuuMAGCDDZDv3WbEoO05WJQmYUBQPDfYoSNL5z03OUpJ3YpljKG86SijTewSLuc4cJpISHj7YSLHQ7c1IAqd6KG86Qiz7eQSMVmUg0Sb3gMVqueHB1FBa+xikWGjJc4DkaC6ivMkVAlnwvJXKYmX+DDWSwHVwlA4tT8tIoo8CSONTIjk1B2\/Rqljorb6CI2q1d7mzWNOFezNH5IqPvdcqFLfIMmEstuHBxURA64nkdFQV5SPvfMqcI\/ejE85yblufBImYRxARe+PiWOz0rZpCdBEcAQJHxHhzaCQRESMNLlxPJA1CKHrj4pg6\/ipIBO3Zb4ER0N8CBvB00xOlYeS8NETMzsRx8udusBgRIAn3UBnCRbJfQMjQOEhSb7rVUoSk3QqMiE07IAEi9f9JDSNgZPAAUu2L5JEgpkvBkRwFGGLcxLH3n0TQzUOQMPiHGFX\/OMwY0Xeuc0aQijhOft82C2IgEX\/vCGltnSPa5F6GaOWhjalhpOvvhUQIzS+aUQRcuAiPIHUW4njrAmeE3D87FBQRDy3XEBpOy4QxAUfI3qRA9gFCNrvqpewUUTcc9RQhNLtsgRG2HjSJoCgmkAeOmDYVJCWGiDR\/lwIjx5vAGHs2yjEC1yNonhLH9EtRSnBEWz3fQ4RO3F+CogovWa8SQTHjAvlfEDNsShjTJjaBEcLmp0HSHY+6RPD86MZcKQLqhojZJRPHa5IH2enCmPKsecYIef1v1TACE4J6iGPqIEovc8Rmx05nhNB9C4aR4PBBlQhFVy3moAi4qETIOFIhjk0Q00IY06bOkhEib7rFgiL42DRCyvbuDI5w\/nwM6HrCWPDoTpUYCsOI2DFpiOkKjIDzjpA2OudgDox6SxgD1mSCWJrNL\/JeCA1+dbwaRMCoQkxvvvwnlDB6lgcxjR8riolb6DFATlGl9212xojBKzcpGCLWLdQgYv+sQQTUIKJO9kIUX0LcuaExRJ84HsaWL1jOwVCz73ZnEFISw\/RDn1roEmVuRUEQyXdtV0HM4tfenxtBgLkRYZcGJoKTn9jjEmeTGKYfXG6MYuUOBULARUdU+dxH5QwxMQywXhD7BQQeiiE2y56PFEXMLjEEnzoARim86VAXCEHPI64WoTilQLZxYjSyMEqH7jNHiJjueZTwnbd6Q0jw4nFjEHipyxACBoira4NgiFUcX\/4ok2IfxdFg+4SIunYjGCTstd0KhJJfd61KkGq3vFUYAuqGCGrqIgSxElGz\/9IPtoSQYzHCWhzzh5IBRF0wW3kUKQaCWCYR1+JEKRByi9R\/XRBLilPtkjezM3RxEEfqrwlh4uhOkzhTouipy5RRbHUTRMDQEdXzjqvlDNEYRiqTMoKoK1+MKo6FIJ5YA8ZZqQqGQhE2dPZcRxHjSIMQxFMeKEwMJ14zbnFsDCLYCo8S6eUbUoWoQdiw3TMWDLnHkTaYII6lSHuCoVS+8ZuNUUy\/p0DI9dPfbBJFCjEs5kXENYggGebgg7l3sWnyZuUlr4BzbZC3Mhdfz8WpBwoFQ8SK8Tg1XTmbgqCE2bUqUVzPrmaEHD06opo2KMSwIXIWxYwTpf+MAiIPZJtvM2eIKY7UbQgRnJq9j6KKk0IE09MzliuihmarEQToZngYtbNWUwBEbFjtEieJYdqxpzaBAiLQDXPu4v8ikZIhxHrqhUiBVgcEiaz71kmTMC3ffnduAOnMsYYIGxoOhfA\/1QmRkxHk1ZHkjOQi2CYfEEfkjBDsEiKbKkOUSJGWzo0gKLi1t4UwGUrKDKnGyokgYl4fDBTLawQlv+dAI3GaXfpGcX6AiT5CL7mJYMVcPIP1gLPBLEQWyfOOc23ID5u1z0eKI9UqgIneEsQ2AwjwJliIYQYzhhyxIwKhirFKTwA7\/q2JZPrg10fmR3DfCmOc0MyTqfFDHK0MkdeXQgQP4aGSGUIJsQchhJtgfy2Ex+cHe4Wg1Fx\/n\/ZC\/SxBgLgh9K8wBDLWPEMDzMFzU7QjCNL+m5BinU8QMETwaxEiox2N0MiCxRAgYuc8j2UJoArPWqUM1NK9W1PgA5wHEdj1\/D6Eegg+ZSGAh9FqCF\/qwt2xTEn8iu065RIoyp4rAQKaARFJS28pAHrOsoaBpDIufEVvvM0SQofzQyxaqYxFsMsuF8ROhg9t\/IWMttLwAbxGbNfZu4rjAwaTWgh400doJ869Oc\/X4YIfwZGlzmCFn+RPLFSEtrUFBT3AyD2U5+cuS40fIYJH6CO0ORdHDdcAMp8Cgx2e8El68EFNwR6u+ABTC4nIMl3ihg8veSxCY8LXfT89luT40Fe9EmAsD3yS37u5EYS2VPAB+mOILe3cb4HPBQQvds2m4vDY5AwkFjLRK7b6FjCW6ZM2uLEDNAN4rOw\/8Pkt0UNBcCnpUNJqwnZmY4\/\/gZOrl5VVyrJaEbXOli3GWlYx79Oga+6nqPl\/B6uZ\/JcGl+UKI0A7fGyYLme9Ry4anJyDXND4gv8dXC0HrESl\/\/H1NVvY2I\/t69ez8jZWxLusqdUnHxwRtBM3NPJfNkyi7UPrHzpHFy0CKdB4wj2cL2TaAYivAHz51\/9oKatlcNMk2v\/uYx5dZctFH9mmgMvfDRE1uti2WeBLP\/dEI7QVh9HetY07wPQzf39qdmQ4ZRxBidbk97BtKRm\/8LUlL3zrb8gwZXo3bOUVKxy5A5a+950pu5xVv\/dTYtksvu8Hwlu+\/PKvB0wZl214GV6ObEMgzClx7dtvY55kBY0X6I+uU4nlfO2P\/mUCgsR6MABFHyHam\/q5kXH4i+LZYJEVy\/4LBYUlJViY1qdmbgFyM1YA1laG2Inf+iOsNQIs8yJVa1MRBZ1RV7bKC7q4wbEbH\/3gvtNJEGspsz6umneIF9cI8b0IIGdWS7cS+LDrRakANxbu+sg5gFtoLWQZWYk+z3W2SokXh\/w3MGdtXcyMux98X7q3kKxZq5gB1ioA+auWrSP95fZoXfz8OXoLf4p6qqklrWJrcIU5hXM\/NX0AM2JNYYA7NKLzG39tIS\/\/8C8ueod\/PfW\/PictlD88m0SZumF3rT7ocs1HetVcuBICBaa0+Phnnjx\/EU8RWhskCGEC+Cb3+N6XN9585Tew0kYVVsj67OMm4e\/a4SF\/uHSVdMdwzUmvroSqTTKY3vWWB8BccSYTCgMK+Hpb\/qmfstE3\/IXR2RhgfZy6dVAt0fuS+4dRsb\/+SOV5aIsO\/87diwFeMSHJHN55ZOYiyCJ0JuoBqAEk6ae\/IP7uayhfvxFAgAAzXtBSxVpyev66IK9z2CwCnLiyDsxoLv7kE\/cJt3ImEdAAB4D1K2L0I79xmt\/cRHUEloxVsFGXJOQmfHXNHq68RxrCgRtunJmWy2PVczBzQPFfq9f0YfdsWY6tA1CAgRmrsGUDxMZwZS5FJk5f8uHrgeyrWDIiqE+vGrzohvP9rQDgRgRkzszElbuKm80ffM9tOyHl1cYNEATAV3v5gj\/ZEoPffSntInBDZozlQ54l3TZ98f2QKC8+a+XWCGDKtPk3ti9\/9y+ZNn4BQMEMjLF\/KCIz+6HHrjxYkjd68SRA0ap++TeFvuePYMt3Uh8B2ZggVg3g4ZkPXQOk8gKhdFmYwArAOrfyxa\/cKI+f+VbqEZgDxuRRxRJc+Nj7DjSWinIxsUXjXWQB\/PLmYP0\/bRNT22kXa8mciWagxNGHX3\/dKUs\/KBlEdLXvzyxby+MXfqgx0O84nUWAGxiTUBVLcM0FFyyly3gaAWwtFfqC2aXGy7DZfnLkLdM2qhGAG2BMWqXI3HSBCgEx+v6vauKn\/\/ZEqtjEKrR1oy0rqmQmukWZV0Dg\/rIf+q3N9DfjDyLpNCbDjb1jVit+6HXrGLnMexBz2eFPW2XxJ1OLUwMm6H7oKfYzf6EpY5LO0T\/iG7c3mYm6T1zLZTFht7EHaTZpA845E\/iEkf8\/YjiQK8BZzBhvafkC503hIj4R507c5Bhv4Xduyrg1+fV9iTbxwqWp0tbkv3s+hQdrJX3FhlBnrIX\/3Hiz56eLkyZ632zpuYs8SKM56msj2Y39hJr09Z9erTOxHp95XPhPbnDWNKj6tp9KCTYz3XhcGGySJsIEu2XJRHtblon2mPhi8e5jP5p4k2oQZyI+kMvGW14503lTnRPwNkacArmR\/0f+H7HTHbiYGOct7NE3DLhnZzNu7gMT7WEz50Xj7aJtJQasRdp1VnL9lippsidmzNUX6l5+9GtbUWHNeOlvT7iCNVxffaSbYJetNAGfRH1Grq+AzRw+UwZbM4I\/U0GN\/sW\/jmexTt30Y7jBBnAKiffE\/wXXJnINhlvS73\/3CDfyRRnelb\/beLOJO7\/MGzAE8X0l7iJ4F+wlcM2uRbwBXhNHNuCAjNzjcuD+g7jqcOHu\/BfnTXCdeE94CXCAITfy\/8j\/H0nZkMvANZ0KXOgh4KTDkWvIFd4iL+\/jrdnDt\/JmejFwU5q9yHErduWmghsyE\/GB3Mj\/I\/9\/DOIgLgw4s8Kb0tz5ctxY26mgDWxMxAdyI\/+P\/D\/y\/8j\/I\/9\/bP0I4jojbseBHLxtfMgab+oEfARxI\/+P\/D\/y\/8j\/I\/+P\/P\/RyFsQd0Qh7p6lFLQFD60m0Z7442Or0RacuCcHbWK3TO8cI94dgaJ3kmbvlsQ7iFB\/8d2Sd5KuOy5SpS3rW35CmTbp6BNkvCk08v\/I\/yP\/j\/z\/MSOdxM3J2z8v4M3rr9+koA1+YUL2rowf0v2\/rfWI81ur8aaH+wm4wzoBP1xz3spLd+WGm6+e9qYct+7xv8+g1dJSLddcak5btP7P3ZzaIZjk45hWoqVSfvZLIh2CjWmrDTCkfMX5HzI75JKd2PctPn5psfUz1pD1kz9UXIfeskMP\/kwav9T8S3Mu\/EtOTpYOwca0TS9NWED0FKZDcsnHLq5XP\/ErTKCQCfLwTZ\/4BdMBaFWUh9Y++LmzattPTjpkUv23WdWWvqQEZl7KZKmsiPNoemUltRJoiu7pG8KYtJudIp+4NT2MTdzAcyK+Qs6QG0uBm+jMd7dCG33qOAHv68QxEfdD\/4\/8P\/L\/yP8j\/39YYkJunbg4eTnzphUX8Fkj\/49wrkacTcloi\/TsM3LaZDufL402SCbgFcT9v\/9H\/h\/5f+T\/kf8\/Dn0hNwQuLb9SDbfIv6WEG75ZvMvgnXLcwKUivkaOyP3Q\/yP\/j\/w\/8v\/HnRjEpY64lf3AlReusoqblDTy\/8fFGsgV5FbCcGs6fWd22qR1F\/AWpEXXBGnrvBV5\/hwFZQ3v3e8CpcGLFTPx0KIBquneJ0qDDDZSjXwwxHnU5HaLDLNuj1NftYBM0RF5eIpVyGx9hzyuv7BrhCkdvB\/VIu07e16Ehz9zs3Wodk\/enhtgcHsxuqv9+eOp4RV6+oOLqCvythPN+cqX7UpBz5qv+9tuyJaW82f\/KRV6e5w70zlZiuEFf3wiWKFw7aWGc1MKMJ8\/71VLviKIXb1NOYckgRVAyaE58mc3mAUrt\/nXI80FFbUs0fPm9OybPv90CvEc0gYOm8goWvKKGdXZQgzO22UazH4aIBWeW1JHmKhGqQ2onrZWXHwyKQZPnrds4c\/STiCJ5368j08mVIuW3GvdJ+914YfekwU0t9A3OaCG55ekE5MFBWCimqgvuSB8+v1TAZF23e3CRkE1WUvREi9I0\/mCaYwnqxV1JKPv8s0nXLFx5rXrC2Bzi9TNQGa1wgufnhtcY7imllnx8o5hxNSdVwHyk9eywlxT0FbtxRnDu0+lsZgqRQYoee2ItSJdd9fGAijvuDmH0lFRdQcsoiZWT3F6+2liHKVKdKVK9\/VHkmSzbx4IUHpqnk4T4F5rWL2HXFIYK6u0zCvWNTsycfotz+QAn79xRH9LHSqGTKz+AjNinKOaopapzguUpu8bCGRzb5kDYpHOhCHUEZyBhYGPWVQpag1q3cdvmlIMpq8iIO06TP9kqoQ48wcLH8U0HomKTBg47bkTLmQ7zh0UUH7knhz4IvVBR6PWWnPXHMR4QpVABihZpfOSfUNJH949CORzI+pJgNVCHWvTjJPGC1Eqlivd87sGsmZ4\/l0ewC30Nq8pWDOXSA\/fi53VSTXVEvXDi4bso8eSQOv2XJIC2RJVGwgoqog1ebl5iUZnWWqFKpkVPnXFVCA\/euEpl+lhOl0AZpUQa\/5EaRieJSlqCZBRPTnrUPLMa7YUUHrmYXpnMJBF4WxTDO6ao5ydREXIWsrUTyXFuntuMhGDT9\/PClOHWsHZa+HAvZDPJtTULFc6ZbN3h1C+9eocMXz0GFWTtawjOs5+bYry7EJoLSf1czofdIh091UpgBg+eo8HWKE6qJTgbD0KD5T1xdZSUVGHMv0X3zYywI59IAmlI3S70RZgocpZvQZxN2viiFqu9FyaEaClt+wdBLb4GP3drBbBmDFG+4THWqTUrObUnylGDO+73gPQ8PGL6J+sVkxgEmNLT3lJaW2gSkRLKdVoANmj1+QAP\/WhBjR4doFOx1qqBWNTxejKRyk6g4Uq5pXuu0yA3vNIFvKnnqG35Q41jGvlPOHkOIMoKlZTor4UEFM3f24YKB37KCtMFYuK1DHOldE8ctzOAGpqySulorxj7yCIqZ0fFMgPLlJ1WS+pMl4We18\/DWUVUtTc6KuZQqRznkkCYsOtT9F\/UFGhqtp4OjIPlEBaDSTAJIEpWY1FD3\/inAah\/Ph1AXaU7lxR1FQZkxf1vvMeLF5EEbVk9L51waCkD9+6vvjxI\/TOXRGV8XySrrrtGNE0z1ModTW1VDPqy\/tNZdPNl+SC0tHL6J06oqWuMX92+\/gTDLI1K1Lpk2k63GtLSw6RZu41gdINd5rIsyOq7pVQSx2TxXAd+cBlV5DySvo\/OPcjHVxZAPkHDiSIwe6j9LbUMhVVJpoS+9\/3ex\/7p1P9ZPv+fkq1yNct\/GbjlZMXBYAF9VxTtMTYHlZQOCCoaAAAMHsCnQEq9AFlBD49Ho1EoiGho6ORShhwB4lpbsS6eOA55Vm548\/nedbzDbWoD0KOe2k5fYn8VffP06\/LX0Z\/I\/vH97+XHO2iufNfyl+6\/xHJnwGvy3+wf8D15\/m\/+z\/ev895hNwvQR9+\/sP\/B\/y\/7uf6z4PvrP+z6efaL\/xfcZ9gn86\/pH+h\/uH71\/4T2uvI2+2f8f\/e+4J\/I\/7J\/sv8F+5n+H\/\/\/0zf8v+z\/zP\/d\/2HwQ\/Ov9V\/1v9l+Tn2F\/yv+of7b+7\/6f\/2\/5\/\/\/\/\/L7vvZ5+3nsRfqz99ZBsYJPYKF2n\/XP5ONGegPjnUgDFl83jzZ6J1GOg5cKG1xgk9goXaf9azBwkG3QXEazQ+FG1OS9ZFXaf9c\/lBy4UNrjBJ7BPO4korL9Wv1TLIMjS1fXP5QcuFDa4wSewULs+W\/w2V8UIteggt3c52Cxgk9goXaf9c\/lBy4UNMmcbW3I7kmE9lyg\/dIceITXiF2n\/XP5QcuFDa4wSeu9bjfBfXxU0zE65z0vGChdp\/1z+UHLhQ2uL9jULyC9GDXUoqp9Ve02q4KF2n\/XP5QcuFDa4wSeuwS8ZX7\/Fkud9xP52QHT+jYtBJ7BQu0\/65\/KDlwobW5v1+fPCISaY7XVmPs89nW43cyufyg5cKG1xgk9goXadHqhQnVMoOh8uIMFsY5fY6uwULtP+ufyg5cKG1xf0FTVnKYoKA+tK+G57jnkFWIUbnYKF2n\/XP5QcuFDa4v1VtoxLJF94HOea9FO3tQC3NcYJPYKF2n\/XP5QcuFBXwS1TJp54DVafuegsKf7EsrsV7BJ7BQu0\/65\/KDlwoaYrtRXeXj09Ze+IXtpfKDlwobXGCT2Chdp\/zplbMAWUZu4qPQplQrs8XNRffShdp\/1z+UHLhQ2uMEnlTog4zvxjtHlt\/jiq4e2Lx6Ha4wSewULtP+ufyg5cJFf38tP2XEEP8lUh4DjC7RwuA9aewULtP+ufyg5cKG1uSutD\/Px0cCLAZ9HhTVHMl6z1eO8c0NrjBJ7BQu0\/65\/KDh05VURks8BP\/4iuQvErPg\/W8MxtcYJPYKF2n\/XP5Qcr2javQ3iHSv2zf0\/V62G5ILab2mUNp+6F2n\/XP5QcuFDa4wSX\/mlAIs6EhpQYimOUYNVkA+oUVqy6PO0\/65\/KDlwobXGCT2Bufsuwsv2lWmgleWSD6VJwmdpQJrjm5lBy4UNrjBJ7BQu0\/604m7\/yN+XmWjqp7dCWC6qmaYDNyHoT+ufyg5cKG1xgk9goXQ8fUIdudSf9XHE9Y0VkF7BR04PJMMiZ9P+ufyg5cKG1xgk9gdrGZrHmujALheOFlm5QC9\/HgSpa6vrn8oOXChtcYJPYKFzuNiuancc7MCwp71xxf1Aj\/FNKOyOFDa4wSewULtP+ufycXhK69NyyU6nathOWejh\/0QG8GUOxMfhQ2uMEnsFC7T\/rn8oJqlW2yp+1mNXippygrE6FFEsSpHpD\/qcJPYKF2n\/XP5QcuFDaZDKOHH2KTvcZ+G3WnkzjDYPgONk4bfT\/rn8oOXChtcYJPXYQi66SN7fEcowAwmMPUip52wj76f9c\/lBy4UNrjBJ68S+x7kEM7sQ6dc\/6gSIR0Q0WgIRPQbYBfspL\/0b4se058V2uHibhvYuImzT2ChTrKlLIBEDD7+komU14F+8sQibDCq2BQbMJdpZBJMJaWt6\/AIN7lU\/Ho1J0wrVUDHsVjX3LYAjcn\/qSu6mZLT8wuvVnoLKDN8rtySC2cicbJiB+7QjdVQDyObbatxhSo6Y+ACWKQZ86+InsZIsofcg0nVUrkKjSENctfPbsf7AnmZyP55+a8rWKYWD2a0PqrNpmWvz7K6\/TFCpa3GcBchdlLR522GoYVlvprlfKoUgEln\/Xc+BPouG4qta6yNnZVaQOyvff+2o5pABWcCAF1jj3kPhmWb\/+W4QVURs1xqAXYdDW5crAziYFvKj6h9GQsq7yFvN0aiLFsKEvdCsKtSEW6j3Bl\/j7PL2b3owqHlPBiH5uRbR3bdaq1nGWnsvFNURV2dy\/cLwLY38xe6WIRdxRBMiexGnO19i2rOsuo6JX\/\/rYD3UK9mDMiCnEgWmJH3KyZVJxn5UY3tO5v0Vcxf3x0nSjZEB3Qe\/BXOdwyNp65N9EHgF3RfYs2Wz6c0BAdEbp8JSQ4fKNSNe3GLrLc91dJL1cZZCTPJrZ6igLojQiWXDjD1u23uHDzl1\/ng+mWv7apXNDnT6NWcg+lGHXo+CJdjHzM8PieFNrYLFS0LtLZkLmEc+rxIonCN0WXTPouj+WlO+jgzo3IygFF+TuPhWXNjtZBgFb1EPN0XR+Z8nrib8kgvRcPYmytBgUaRxHNp3ycdB6y3yNAkBha8x\/Hp3WpW4EA5js7\/3A1dTd3mrJC7TxGks+rl1+DcqEEA60FdYbG5rDOip2BYTCIt7TKE8ylSJMoFNBGUhy9XlnyXVYBU8lOR9tKf8IdJapolKTcsnJAqCbIvTcxYXAy2wRIh9LbKM6EsKhJjACtWVgBlDkVls5JbXySABC190w5u\/ujLFKaWYByx7HFDsAi3Mp7mJlP7cHrTHjoAzT0f1QQpe3vtZGO+HG8knz4GOrK5aj98eSl6Jtm5uB4GBFW8qwl2a\/W1FjIZV6Qsg25voszrWP8XV8hDVwhSmyYigzrFImUNHoOnTWniysb2fdjoTTMoQ728UpGAUqs8OrPuwXFDv2kiJ1Z4esC400cg63aZwgmrKRiQYAtTG52KJWL4Xo9F\/GCJGpIhM4K6uBlRzK2VuTu\/55JeGi60xwxUe25k9XzTZX0ZPyjp8iHWXBRQoviFlyA\/PTiRS4NJutQF7Ddtf1O1uczk7gJ99qpiVwAFArm9fBFAdh5QKm2BU+ArJKVo+uZ3XEpq6aj18kMX9zYZ324arR\/zFHHl1RyikMB+J0JpVab2ohcHYUhNALYeblr3i9jdaiNbV3iesShp9fDU8jf\/HP9m2nz7WKyQ5Dfvk80OwB2xiTdB91HwxXseeklF5+UsZ6XmlpCv1cs0\/yF\/9wp3\/hBkPFA+gBGfN+lVgZqZTuZEKQd0FbosBlr1ILRTPp8MX+\/idV5gvfGFHe+PqTiXb0SIlzr409eOSYHhI0HLSQnJuyScMAw9blYrutvBgDaPiIFOzyKapeWvjPcb9CNidcz0az0NNGc9l\/LEQ9k4EvmnoNxp3923q1JLy3vAsUAjnQD36wWmAd34dJTesvIKvtJ7BCj+QwGKwMZbDgW8Ap4R0I1KrbKbVzQS10cpzr2\/Zp8ipPAZHT9qI8M7mk0eetHJtMJ4qPZwpo7x\/x06CBAzUJjFGTEc3qgxvSwi0Nmu1rhAbgROBCVsp1\/o3bJT2Z3WlRqdP3aQKq+IoF4QuqJHLZr\/A7tM\/PPRlG+8rSdBTwlj9f1zHqncz86BHPK\/LW9j9rE0Lrp5d8gIAs7kckN0dLsQi3Yso\/lJe343rvxFtNvUrbhIeyx3R+ia\/qfewBC32SpREODVzH107lYMBu6Nt1aEubXgbtd7PzjQa+HS\/0vEgfVOk2QVmxRFTgl83g3yp5bYNnIZaCBl75PkKS47v9Ne6K96MaVS+YjheTY+WSOT4QEwkFX8xAnaQYHnP70Ptk+png2gcvUP4ex9wd3vPkpx9Vm0mfkNJg+3efv0RmicuL4bgrDrEqStKcD+8wrzyL\/DeNeo99tkHpQg97DX5FL1e3vCKEAJ74NBio2jGECE6Qs+a3OP7DUs3AD6PDqiSriIRaC+gGMEkdARFf\/Fef9DGmrwSLIU6mEM+vkUnNuUNAmlP\/5P4cgQIH9R+X19rz0EsawH3QjvIGMJrmO8L6YpOzTgYXqFTTOCrJHuJcT2efJWgPar7c1zDvGs6oLCI1rBgR\/875VZmdMOPjJb7vKXQkUCmb39B+7C9eKLRxT6CXtTGjFr2IgSwdFg91MiS6UMp6Kyc1ZnUhb\/1rlMGJkmpwnw2qfvLaxXiRf4P6Lp\/8p5pQo3p9IEffSGTqiD9\/8m8ITMwalidNjeCR1Fe58ABNJMx7qUS1Xi5lZF7flL7dOXS1W7ZGO9w51vsjVVcKwHijgphaczD9BURTFbf7qUmB11RFaqf21YHj7dpMLROMtO1sGI45w6Shy\/\/Me8r2p8LMp7H8rEe48Y\/5EPxONwZQQK5JbXhFnfIIZYXxCNwL4gpeJkIF361CxHaJCnM0KnoS4yUx8vU0RyArGk6p0snD5S+oC5mRdqULIpjmT2YOH3pnQrFATRouVFBIoQtqbvmW3rgZpn4E4o0lHOf8cC\/37hmxyoDBXkGbdq9Yq2DVwV9FV5pX+K7kTSMqFJRNZ3h76GYENIXsM+UJKsFlETwBGp4+w+JyuHdVXqzQiuomnuQhguKHSUMWJgqAtuxXTSKZWQhYrX8AzoYp6rGmeAbthpf6wrWSA65XSm0xRZSdVCTx5LtbmrD0CfNPMC0r5GjTHryoTQTZEs\/FWkeG\/x7wa60J1KwkL\/vwD0w89WTjkHrt35AsOZrauxTwqFBkOjXfx\/a4G7pJaCCZq6u+QxRwEaPh2yLf07VGkidxE+4fB\/CZ544iv5AUARZpbXVvqDpYltvGfzse8CpUKzR3Wlp8B665MkXBFKVuYuLKafRs9D9nKdL76gCuiMFpEYBS+4iK15zt2hCD27HoASpncBAyGMG3XRbnXwPFC+MZQTNm2uH9cJgLWaCnk0W5ReK4PXWVURhhNwRxOPE2hOih3lykUwICufvMYDOB5QgEW8uSxh\/JUaAjVOFVBNo1DUb1KxlEo7GdNXtB5w1+AGWHIyiPkTFVyyNhDMygitBw+piLpgRrF3gUPY\/LMNtZBBmbcG6XGpTL8Q7X5puJceGSpMNC9Khb01rwxLocN\/SOFxp0IB+RKNfaqbjsFLJsxhlaLJV\/IIpJ8RrQ8HSKarcv5NPcVD3kiyl\/N8hzXCXUIIArr4SXAl7NRtiJy7Au30VyO2ZJtMAlEWD3doUdM0PKDZLkMA+MO8dIdcQONpMI3mWwsTtQc2TnWYzcvAij70vi6162eiBDvE\/PVFXoDNeovw5RSjnO0wzOhk\/66pe99+MxPNMpYS1RotgpoJc\/Xd33w8fYq\/0giYcWkWbb2NSk1Mlg14Gc59I3eeZsY92Voogmk0sJFKxArRYQrMvWDI2JQRusEZVNXh9CUMbgUaXr1ypLFSldtdRWhr75kbi0WYH92eOWNSFgB1hOiWewWnG\/yeliPQmg3PbpZJpaJwsZF6T7V+m99\/Z1JvYPP2RqSHz9rTbvU3WYrH9C1rcNhHe4jyK4krU5pSkqFgHrsajk61\/2MMfTPJR9zINGR99aMk6OKzTSwxIpoTjFKBOgnxy\/o40iAHvWvg0CXESbSK3Z29\/IREn2x7dOfpuMbIbVy4diyFAtk0B6K2afaPl3qn6cSebgkop2iiuHv8HBVooNMnTSCtUZkNubGnlE5RrOOp23S3B8MCnFafi9n42QwL5qNE7jBQu4BJGlnXycqyHBdto\/icMcwjgiwQ4OZrP2rjfrdVNLjggBBhjFbDwZE5TsOcDRRvxyW8CY1zjYHbhQ2uPbhq8rCvP6H3wHyr9VMN4wbVB6vBUM0ed1vMbo04cv2ffTUiam9NCXIa2rznBcg3hz\/0fstxQzv1J3V3JuSdLP99xX26seIuEEONbvaxPM2AxeRR6RhnqLKm\/+2djtr0R3HMLsdaa5VlEaHEgjHIZ\/3cyvOdty1qymiMXAOjpipXjBRyUJDM6\/hir\/FCM5MMWiPIxvIPecO0MnaIEss9Plblw43lWMe\/PEAxQa4vJAxvd8sevaBngTNEJQUgvMP3fz+AbIU52KlTUMr7u9x1vA6AG42pWRBQ1EHLOm0ZXu2iKa\/4CZ1o5TZTk+sl\/j1WRNnTceyqX4zpsaFUYQomy\/u586Of\/ad1ND8lbU8aR1GAVpOkPIandPG7dPu5kjxmaRhtGECMumVacpijn8qsQe3gC4Uw\/9228NXMXJ8TY2qv36fFgIsC7puywgAK6SA+UyEyHZlXOFesbVfwRqJANFSWR3kbbH\/fX+JRKp200otGsgErBn0omBOb+ysPemwGN55\/PdcNCZoHJm3CrjlevtZxmErKyKwKQ6eJHTm3Ic4V8fkiVT8HvBzlrcTLhiwBjCMpao36nDXJ3wDYv8rAu7Qhx5DSsbcaPFh1kkXlNG6b4bRhJhFVamUKUvytvnEWN\/kbNLPedP8T2ei32kPgj7qz8FwE7lTqXAXrO1hvckrGKBRznWsABHRi93jIq9HrJQruBvcug48VI2SCCD\/mrfpQlaDExT35nPPmBGYJNa3xtdGfbeMTKXc4WQCYi4jMSWSinRxMhbNDs\/t8tp5SRB1LSvwG5Xm1n14QnzCyM2rLU6yrXJ4d5fsYXYvCRekb844rsLSCOvIXQBN32UEMtSH73CZ0KFYi7Lf9twC4Q6YX3zNfRc8Y7ZC3exbYQRDt4K0nPASjj8AdBzDZbMWG+fhiAfrOlvpQViCyvlgNQ4ORZ1w4OBIokYpdETFNjjG9NYpqu5bV0LoTn\/FYLBu98yH0lVX\/Xt3Jh1J\/kYQvy83mOSkz84byCXniMwLXM5M4cucW1dfVAUq2IF3z+pVbjeGHzyUTpBAdj2GIGg+Dt43RCmz5Bb5CJmqyOFOSwcQmkGKGuEbsvp5p6ozFTyivAyDHOQ+9fuYDM22JuRe8Cg6\/3FajNumoT8mXAkv4AR80kMUBb9c4VzKHeQHIDnwZY9qT1UGwk1s\/5nEOdT8hnOwCROvo1uq1PzHPyKUBKAmGwULtP+ufxQAA\/vR+AgNCu0OylPfEN5s8E+N52nGWpQmriscesDnCAHQqj0FEXYf8Kpuod+5FJPrgCdTYHeY5ct+G9ieUaewRnNfx2qUFd\/Td7QPfal1oZCRKw\/joLDz+x6C810w8OVv\/mxmJ5cl\/jPBKzbF+2J6+DdQyIBuxURSfRl+n9VCwzzRSB\/DFcUVkPWLzF54nVwmnFHm7EkwooAVPIQABE33ANP9pwFCBW554Pu\/VkDs2Bn2Xwtbi364UuRv3nS2p7zCCEmddGVy6XJX5Fy2nIWUYaY8Pw1zPWZ3075hdvWPIFdsxW+swB94VKJ6ajZXJR7s86B0WkPOcKtHhRlN3SF7mzfr+nIu58WDu5RkjNRihO1em4+C50NnwxNAAQyyB9du+YYoRah4Id0XpjQh6UIGHeSCfROJnGmA9gNm3erdTow4DVn2Rxg4R1wow833GbXgZrKC9iIbGCitag9OuDajH4HOBmqrS\/wuCnaE6pcXWiQKwTc0uwz2Crs6RNdsHHxtQYN6f6ZDdKcbg4CoYqYTha4AiqTTWaB4BraCAWOFFy5UwD8ZNbWegZ7Z\/GbhdzB738\/+03MA9TBA6R4XMs4Zni3xsOWVY7QJmpObI1TNOS\/VuCI5EOalAHTi0+8XyJla21d5F2bgnk5Jl8tI\/z7eAOwKDEbAD6eyADfd+LyJakSjL5I5prtvf63BGcSl8aO3E8SJ++XkZxOBw+G6Dgx8adqiMYwo9vwN\/5LYYCCyoRmxMuJjKbVk5relvaWAgEqRFsu7gtGCUDJnFvFk9dAoUg\/K83GVT9NeFdSiMaHWRiFPQDXQcdF\/lTUNIlDTsiTzpN0JJqndOx+DXSvExQEmiOIP+xQfhMRSwmxKCv6qa7yrLN9tO5aHkkdOpK\/e4rs437v32gcfZ+yuQXv2jt1S8BkXzgcSUlBruAAX0l69ohHN3ME\/HNzxTnu3GrvJgd1THFT2xMAHsUC21rOfyjrOJRd1RmzPCNYk8iS9+9Q2FeaJb6JNdwUJiBcwK\/dWPXlR8KVDt8Slr8kFV6QW86GckjEBrSvVB39cD4O\/agzQLOUdDMbPqLlCqeofH7ESQgcqnO+rctekkPmBb5uOR5xU\/HM\/aJ2KAARtYOglXe4tCEEfWzNn4GqVkqkvckiu4TYmVx3TtF44rsPWv+WV6rnrLLFyaeCardIf+kIlOqBeUdxNf8U37tC4LW3AfoEmz6Z75QJ1jvE1epHdEXsWLM7axLyecYejyG0UupGzu57eoUYdD8QHAwGJ\/xkaTrJoNzRkyrIV+4G+9FruYh0XlPKGqYxzJKOBSSv3EkFgBJeOFv4qqZwkSa4xJGnvysM9KKkajwPd9nC\/xM49Iu0uTNWAhGC\/dVGyDrTbrjhk0Zgylfx\/i+KImgeTCQO62p7YulMdsPSCwd4kyJFr2ofMeKVc\/3ucihHzCnJyc8W\/7uke4qPXL+tmrkO7OaIveSyrM6RZAbE\/25nOR33LZ+Ak0PA02ALvdQkpvgf7dXpAjdSRLMlLgAz\/vAza\/yzfvvmQJhMJqV2beUawg8+t25IUIABv0kElxr617RY3naYFpHc6KCdFS9MFvuZy\/zRV06STuM1fxwlKCYd\/A0KGYlItOXYbhptV\/nOnTaGNiqBQdIGM2qNozGurkxLqpT6D3JtLkMtf8c71DvuPChpYGZl22RfvTzKXidF4HugKT1kzTctshHX1cI297vOy71zVQda0IDFTCjS\/ualq+oAdY6HEo6eIEwfh7oXbqDsmw+sU9VA2DToCSWGN5WRvlALj7YUy424TxNAaBDUWJ4WfSQ0TnFwVy4oGe6Zdl2mFv0lvOFJxjHfy0x8irCScIW+XAy4e9xsOZ4m3Xhi70tiPPgC32l08PzdvwZJnpYib1sgq+f+i14B7jC1BJ4yaCoAaer0doZwCenpSIQSPks+6NxQSTN7UEwOl1U6Abu45cIcd7DfPSzZgAP98Jy1BNHX493wrqpNqu6gSo\/T1Yw\/gbOHRv9bcTY\/Mo+pfqgZYESAnLwSvArKIGbmtWTDMDui3hWIeq4YguDJYzzDPbHIdLMGan3vrqQOCFzmBe9BKKFYz66OaeQuuVyH7A0vqEE2LQdaTl2AOtfHj2jJKDpNj0Qkq1jcuo9EwMnfveNDEaJjR1LPN4SG8Mfw\/5qW8JsANVUrVl3s9p+hUWGMiCIRvXYwMHxdfRyzkTErB4MSc9pCO51f\/R9Xlqo\/tFS\/Z1rLanBnRtWZDf\/3e4RU27I8NHnnmKDbNMtgMM+4z7oeVKyisE2mBQT5YYf8SKiQJyskz+o6AvAPP\/hfQBKhmA7aB2jd72TsTvzhX0Lir+Qk5J1tEMB3gU5zG3lHqH+D016Kw7ZyaIFDj8wk2XzDJ4jfzMS\/aKTcp9Lg0meilO9swDXnvTU6fQmPm5tYhKsgpHo0bWOnwYTZVEUAjfh90ittqlllpkTZZLYj50XbVvmuwGx6h5EYIuYMqwXa+fA0oozSdP0Iaxec2TvxuuEr49wKRpsG3sh16JBm4AAsrLMjEnNl35Wb+8gWP4ZKvUCgIRbTKjWXf7l6\/3dP2pzmfB1zSHE4Q4pRHjz6k4GhJHAy\/P5zcTlzIuNKOf+09H8KMLfRGApeCN\/H9uZqiLlzewtjxoYAE+x92cd5iEy013pQcT3y5w5RdzgWOblWv5wbHL9\/JsLV65nNH\/xoRNvO4naOWsE31Qd4Tp\/zgzrFqMF5RZha5z+h3i9Uq6avdeRRHH+YTFozX7r0L4eER37AC985MdVPd4V+t\/7Bw8EaHLyUrhUQJOS1MnFiGd6QXIqsSo1zhbjd2aBmKXrEDTVp9v0xl11qC0bt7\/ybnoaiqFMdwDRz4pxcYWZDwrQPOC7lBD2Jojrqww6N8J8j9GjxzIc6sXp8aHj4S0vTGnw8e8UErHYO807\/Pfn3lrlzMabeyq1fKipCHzH3fs8qNJ5w+rOcpfbLTArnHOLwkJrFGH\/1N0guBRdcxExswAVBzeoCkSzSSPvtwgmczldfo6GzZWABfKrCsO3vCd\/+Zq98AdfRn7aPF9\/M7Qt\/QCWUqhigERGm5\/n8rCcf42D\/Er6BK9VWjpTVuBYoXYUztWQQoKNwQDWjlx3\/lkuibiP1Oqgb6GzRxK5W94Az+tcuaIEimpAfd12snYR+LAYjhdgdFt2tYoWfH1t0NN0H99CcGltnY1zrsa88ABHO7xwoyK72EF28m2LofCxHb6T8F+14P2xtZ+43\/8fiHxiMX\/7fOniXEBj3SvxvQQftML20GeIahiZ3pnOnf2\/Q0EeiqVBENQ34f1U\/pLIw52I2XoD6ZmtjsMPj8JPLue+KJrQNX7pePbYAqdJfx2GeroS9DGf6R6MFxGh7e9\/IP0dl4VuKxjKYrC9eiuvvjZxtH\/Gv4vYYoE\/bYZVjv2d3WKp6\/en5q2AD3KSaaZEJqh6S8x4vIqRrq3zAKYvLnNMH2bMy8X1i0x75bdniCZnRoIKZBmXCdIqzArnGNWR4ULAvpVl+VPmwiQA99E7wNeJyHpRikRgakl+gpAgAXSW9QPkXi7do72vPMGNKAL6dzHvPbFhfEzn9dmWmC7GBIF7Sq1Lwo9sCXKr+8vqJC2knfrGZkBdMrO5dOS28tgzMJLCAQOJFBBK7yJuITB9k7ZIYfoACZC61\/iiY65aaBtTAYEfng8Z2\/J6HaQph1h+uVo7qdbqaubPWpej3Vbk+dSz88nBzyorxFX4wPKR+Z9s2sNwdj04v72vwpiEPw0iOoMPjeOhyAq+Fma1KRBYNVOKypXD5CChn8nR44gRNXXjDwvvDQ9xKL9IFg2DobOdD+yuBz5+r\/Tmwh+wGad\/FnW0gfjzJu8ebe2EqCZ714UTmfsiZ3MjUPcZTVrC19FVDlOR99zGR16uu6iAPC7th2JsunN5PQ65l\/zG\/crW5OUIsgK+ga98bIexyd5Z3C5kjHJEeAw6NzCOEMuCtOrcLp1KRuc+liS8kCV1YD\/ysHsyljRbx8B01WQp+EnIFiPtcV+tEw7P+w5rs1lmSnw9yNmvlXozTn27t+1pCPiKvmRXTEzvhW6KAlDqHbrV8dHftv8ZWkGKFliUfCFi29P0\/ST8juGiCe\/VoOuP34iJi3KdPuR4etvTqYvsuI\/KmoxyFlQBUJzzjhQll4SgLzcDb8AyXCuuGRxyQFYK0\/ukBdcZERFyvozh75FgpRCr\/MykzRjqb9fYi6OwYWoK6LkF9wEYw8IAeEkTk4fvok8NVfIFBP0OqLCNWNGmDxNw6kZQy+cnVpW1+oIzk1U3pDZ0exUiXWmDK+AGMRRvMBRIBVuKTXMVHVeeN9S8IsReZY1IJiuhUB97GEH4e7NntGwtO7h+ZTIaCzYo1geyCbt6XhQK3sI+LOhw7VLx7LAsFzUp8Uq09FtlaYKGzswTGX0HPsjGzk3WRiCYa5F5IOX1RWytTRZTgNCFigAhTQP9dcSFUQ0SOICwvTB88P5jCtPbdTkJqh4N\/C6SlBlN0sqJj68vsVwy6\/mLiudNGBSoLUuJ4AU0LyB8ior3ta2WJup5Vtkrma9dic4WN+WRCD4qbmKSW9ACATBGH0iQpVd2HVcEwIPxQeEf2CmAE21rjL4Lefu4p9fXwGiWYckHwIbje2+3QAEttmySoq\/WLrtByOHHF4rQ2Ividi7oFclook2vnjOjr\/ykFsiXxNoxgSz\/HYfrdyxCNS5CBPz2dx7Pf23FUeKREme3m9AibX0las3jekAZuEo4EJ\/50+PZk6GctVYmeMJ2kV+7mRWirmCYgMtOmMIgqhzNpk6AMzuDuJxxNw9alf3DwaHv8PgL6d6MFY+wNTMJOmM2PtmOwDLKTd0UCBGWwoEuF5xSZ4FhG\/OjpKhfKJpF9rwhqN9mxb5X1bysGVHHrgXfzoqf7jkAKPNBL2OTs2Z0jyn9I6gFlT\/XSnJ23fOpkdo04txgRfSif1LZ5nG71z0NJfiMfxVFeEAheVkMXfZlvYljv3QFJFLPBZ9i5ypESzAYOF2EhY8JWvISXtqF68xCusiZSnJRmj6z+d\/1PaAnaroHJno4b55ezomcTilh4Vks6rc\/lM2CwgOfBK9ee501zbzg67PaoMw7DWDDbkmGW9wPGoW7VgBhBZxy0c4CD3Fe6A064P4I9rG59+mAyElmLN7DkxT0iL7eONw9IOQmgLBDsIm9GulQ2C7VHdTtIzyQo1c8qptFWWtlR9nTb08yNFoqtJD\/taAate04hvuxaZ\/XQJehNeonbZ9C3+Nid+urf3RkuYl1W44WbN1A8EwedVBm7Tf\/FPupzPJUGMhXXIjoH2+z0BpzR89bG6wzKW038BFGEE05RPCC+8fWAEd+OBNDpGqBWIpYE69zoUH6GlrHAy2igvOCydqgdeQyfdz8hGmOYL+eVGDx64+0XUoSG0SSoEzBDMtcjRN9fhfXyHviftLDJnNQiA9e7uK8\/F+W12M7mnhqmbnJlZptVLCTI1bGUSHZCiKzqIQq3ZmJ1NOd1\/2qzIIxwihtqYLzBpWep3y8WX8y9ddXAWQ+kDABAIv+uKGIpTB\/rr7KIbCBQp2ws2prZX1vfmeNq3wYAMWpG\/nkjqnUSYSC61ySbEmQPejWfgkewbagq\/1N3gFFcEbq\/85W4ZqoN\/Qf5yFxC3QtDUvZa5mcVEZ2GEC2PMa1d\/X4AEIKBryZLFfz66Ttq4\/077DYQgqSBQ2kv7TVeKbFpCAH9X8+qjMH6L7P2qO\/jgr8xxYv0VFo1dMtGX9oP7mCHcxrMXALPDkifHLlAih9QBILpwA4r9YAU0A9MHJJhiqPVTZOXAJYpMYrqRw6dyL12p\/OFEhPMny3zHSrwTpUCUf6zyTlmm\/tLXyeX7JA2mGhlQHF5UrBgW5xKW5uc4W6ZGqghSyiYV8GVAvidBUmqW\/nBhKzgdN4qGg7c3apfrKaUN9twDFKxh+SLHDOxmbPFZVvHu6wydC5zp8un02fCkq510OGgONCcALbyKLSE5YXR3XPAeZ1YA6fMvpcXSCrM9RaOiRunTdN937kroJC57TJfcHLSIeACSPcrZe29ivJY58HtQMu7TvVD5mlICfyjeGueQbjmxG5YTC4NRLou+KJwP7kVJ4MekVm09MThB2NwFR\/5+EPzN2yeM6Y8J2Zk1oQz82sQusmOXxlwycdWprpyel705stjkkaf55zJPCmafPbWSw3GA3vmXq9DboQmUML6WlAwRhAqxlv7MTqVmr6sOjy1019w1nVT10tNv4MUmiAlsxJqJDsFVu+ZbbOfSm4IRpP7ze5ZqZbxzgTmHXECfWtviJObNafrpsZrKxrrJhHOzQ\/92JmUSzTh6abBrpIVGpra8DP3a8U\/jU6\/a5JSIwFmw7B\/17X7Rzc8UMUAVIrCX8RxSrH9mZC+Dr7MLJkImBGl1uUAXGOUav3xZH5fQEFEdI46fUf4RfGQUt5SXCKET2mGx4Cx0Yymdl1v240Zzfwyduis2UuYk4PtH0n2l9D\/X80+TuWm6XSmZaIpPCEu8oDHhY2GxtANd\/NkedQkxfuICUUgl82SRZvfk99PRqMFdBteqOoVqjnmcmSI5wFu8\/vpxLDM98ai0Ly9o5ShKzDYmpjrZ0UWFlYm5gUfH1rnlf0I8KZzmeoM7xYvfeT1BwO9guqO9phUcOcp8C5ALVvbQmoWa29suXCYY64Ln7Fhffuu2eA8DWZ933Lnvr0LtQdP04u+h55KyFA7FdKXOHOtP8llndyszdjP5yQDgu1QhTCNqn4CwOoCf1332hTQw0dcG8TruuMKLLhUA1CB+Begfo4dDTr\/lZ8W0W4YvTlLgwO\/hXn\/A8bMQEBkc6ELYNO6K1N9A7yxwaSSHp41Gsvg5sn1x55ydS0s2Ez2tWA7ffHDwRo30iVm6ZNcZxOV6+IaPZ6Md9A2iBvL5ryfumkWcarsT3Ai\/OXJHW\/4tv\/\/f9xdQR+sl1XMP9H0ru\/DFMqx+w7HvkRH2+ndQ2I2Y\/sAte3J5BIoFg4R1NL9fCBksvyrrEjZ7myMKiXd8s2OnqqU8miiyj\/3f3P+aHE4Rx+1s3lfCNwlLwTogwm4I7mqxv\/9J9rmBfTH\/dDih\/gNjdPjiVcVJJcPXXaixLFQ3vHuvHowt1oQ3XfDEaT5QDw5wnR0OyJXcNiYuRQMch+bAWcbgh7PfoKQzqhTjy3HRWr5WyUAuI15l5+6Ynzs9aj5H8OHtVLZBQbgmrPx6ChOY7cewhNzBClTtEXslMljqA1HgXoPsk1jzx1DSUSm4k+SDSOK+igz6YDmxgyZ3+gCKNNz\/dNrMf81SaJMm\/5vpTMtt0TjCsMQbliymzHXoyXyBOWh\/XNwwSkLCXwIzBl76Tkteo4+34jHhHTyfwbY1D9eVOUuBV4Kb02HUu+1k7R1aPTH1AODk4rPzR88269yQJYQOvdFrkJjKo1Dq9bQvFoCb\/9ytR5JJ3q57paZR3wSPEBIdzL8fHUNWzuEXF1XcjK1QAoD2swf8UGtphx27\/aDypf2vZb1mTvT7vlU3y3dxmFPha3AJRjwHjf8YxnHaB9DgHMmRXLuNpWJHxtJvm2mbJ3Ut1TT9qyZlOuhewUcRu\/yZkfJeFJKW9WcFW18PL6RCT4IRXkukZWEnHgb3b5CsokVF+S3r8sX+xNqAWKQj3XLCG3HfvPAaUtCTnaIKGCtWbG\/B0lDiym+BuvkrCWMKBnzSPOMDxnD\/\/eA6hlwr0t5qc757TiWYCMXEKbiC7QkSTJx2kzMke6zyitCF3P65\/DMLb2Fxs\/9dJvk5fjskjWj1q6WfWS1P7yf8rLhWSoMekLJq26DnjOFWcA3TTaasJ28d8qmkUZv8d6T2YzFlUOxyBQIMWsQWouKVNqbvIFs3J1Ea+xNj5jnwwlrxMX2ymcFpVkbzwqLx2Au4LL8l\/s4kzosKqCVTwTaeym86TG85OPX4N8nufJCXvOHpX9MEGl3URAJJJ6LL2qK1VmI18Yv9kuvR7DseBW\/8KThfvmzrUKR2VSt5N6eQdDFBCylxC0KJf6GXHU1ZN8hVMmMxHhw9qM7zbeveQ14sXIyklLoqYQnwp+B44GiH4424027iL5aeI0tNzi7+O+EzkyKIf87pV8vCaf5OE0lsvXDZ0MsgDzrVxPTewAMovcKPA6SUMz\/ruN25RPEXc9t680xoVOXHei7BG+N\/lEbEeBY2ZNfzr2lNP120De7\/69\/3\/kyA19r+gOXiyroRU+jXyAohXagr8OsugItxX0AjIADwDq8BifFpjxfcNPn9nZfEnvmpn90MmZ4j8pbDT8IHgIVb1wEdC3RAdRYqlOeUbczjMi02nAfAXn\/5FYy\/wQlJWMn+dphDckIJHMIP1vtV6Po8XVZakADZ3ggymKu20u9fHQtD4aishXeQcfGZtakP4jNYcCoOH5xviTKyRhgT9EdHCRqBEUREcNHwMHboMGZrNrjZiejtVoxAT0sW7upqQpkwwDuTHT9dH20ZR4rQlZtt40Rab3CPbOMhQEp47p4DAu5xJKukb4WhEXtPPulw3gH2PV1L3ciY2k7b+XEmuqj54Gu\/nAxI7W+58T9L9fnvb5c9r6WMXErNEO9D\/hoB4kq7287D+NtIdUsQrewMqcnUtoLicQDF\/6v357QZuTJkCScmCQZ1zKM8buWu19hidXRx5wjITgxbEcdU7Jkf\/zT5LmqcGNcWl9DwlW7DLCHwf316wn\/Gx9D\/NKK0iAhSrzAdZt\/8mqlb846Z9vZ8+TC1Jr0dt2YGDOGJP6g8bkpvrYwVmD7FQajZqrB0uqNhzkifbaoyPuaNzMUxzGBqS+CrU7JakFdd\/dz41nYvb4FJvWVkrNlnqQO6hJCdUdeHq8gFgLtxu9xHrCUGJ\/gXMWa1gDYEQlqr6OlWVOFVOdiTWWiPpFG496a0RS7sOeIRbRJf3PbhLhkVWksbJNfn4DqPjU+0GGg9GuzcAp3AeZVHK4MsWlAH5SPhFWvRtoX3rF2bUX7fFbftfAYTpP4leZZFWC+MlcP4iQ4SD0P\/TfPESQcD2r7FGhJS\/kU1ab10558Sa+dgnia8fJWzbhlSLJCPe3hmUdT1Nc9DOGbtQn0Rv1J8vAG2twfxM2C7Z5xbaYagp7ApzfpdlwE5I0pxGhn5LdVEV\/ct4XZC2gDCVR6a\/AntMXlSVmVR6rjcLmS5Kdd9rnbLFcsTn5KGnXPk4cd0m+wofIQdHxaSfgU1NwTFR78qZmRFkQBgDa6F6b25vZS8JvhU+aQoJZixtiZ1zhPekbCPYDTAd96u4qc5Q7lg569bY9DqNt+DW+61fcNXK\/3j4cmAJswrp4fUlBniIvlheQHx9IZezAPZ8sXrbOtQX\/7bmDzw72k8n5xGOAi5sJbsWKAECqmKcbTXuKhP24Debo3im7GoRQohsknDLc47KIGg2jtEna8bQSbB5ognQE0xRVvibQYyWJ7EfJ74I\/4OiwXzq2\/t+\/n88eCgqSpRn6TGLMXamG9koOKUHvwiGjaiSazEqBDjChv3ASwfiBRRi4VyuMlnUR9u4PRU3XMGLIIQqVziw8+e1RDpzAmAPBprKKcX8BO8bZhaY\/5r76cshJFCZTmfRIdIUPS+9nfl9yBVFD\/zCbBl30M\/vwmshtxL3lKcpnA8CMFIaYQ7SdaaFkPInLI6ux88a7JgbrbicLKnGGTCiHAKw7FHsP0GqBT+BrBLeNPsnBWSem6awNxr4WvQboPNUZ2mDrW5Lzt\/NwVnOm58ZLYUv8cjt1ojZLeG0SE98lvyxE4rPD8lbSTN4Osos\/\/Po2tgaNrnbyqYVZ6Y\/VBiRtEZFMvLpYjy6nQh5gTohAh7srvcYZaiyHAtpy\/Nj6wPvEop\/c2+1uBO3WwovxVultaU4FNiRmELBmqSPvNQRDIMg96PGQ8miYB0hM5\/60czyHowWvBWioViPdzYxwDQLP1UD\/hd56EtcdBizjYfL11\/EAC4D4dE9ccYEiYE6JifAz0M2ArsPhGEqLrj2gzXn9x6EAR\/5Z\/RdUJSYb9xdU7ZZhMzybwEZ7yYI2XVAlsTkx598mNIQgRJSXTUsTPD1OZoU70YG3t09dzSEvhPfFSd68sizxz2hasG914QPuRLtVdtj9wE+Rxq49CQhmpGXa43v2SnsTxlTGTlLQdj70Rw7gIrGrEmu3q16\/MT3QGJntxLiFmYOTNDO9RaWzLD1W\/tEtC5x2+WWaFCiNvFt3UOtGlHCFjZc+NLovIC3k4QIPl2RnpL0usLkWLbVnad9qswIZEA6nLgnXpQGjA2EOs\/Psk7BrJMGUQR7VIyA9gI20c67Zcp8ke0evYK7foFGunXuGm8MuHLXkU9dKcEjMvL1vuHltD9MMQNvXzIAqEBXqB6kDShNh\/c9B+3hoBrfFQKZcsGUN2IWhNPoqhgFo3w5WvkjbWNBHbZzbMV85xEzeGy6wJyZG1VdmeyjEEnFDKZb+VlvlPBwn7AwCtnSjfxlF2gTw4lG8JLRtt6tbcflbj+MPeqJJ60iwGq6Xwh9PIdh3qvDoxsa083NiTT6lGXPH9D5SUBF5TPibXltyGI6IGljyrwry1bNLKlchIPyrWdswwtUnbApj+OInNQxvFNicyHflwE9pR9bNHqzz0K8fg+XlQ6xqoQHBX6Hf6XcBmNrHLsZpnNxTmSkBOz5TZ6eLoHUdHkG1C7rdnNe1YaVe91BfIh5U8eluUBMbLb65XtzuNSwb3NDYcCBLBjSS\/rcH1XKe3Usx149o1n1P7DCjjjRHbZ8hg8X6OzSYIllMESeOyjQhwnOO4gT1N9HZzKpm1NP1U5arE1VOSukZhEeSuAzjkFu0sVbUfsr0\/vL2QZksIXqwC4FzBmkgTRMhn6wAt3lbZB5LKhC86qvRBP4DHPo\/7QybgUu0KqGUkyuzmCS\/Wthh91RrT+M\/cqK7e4DWd764uT3vPlCHPEJVmZgOu0xK95ZHvu2Aq9j4wK43kU\/rAcMZ3OQYenNZdor7mrBycpLzlAe5JI7Jrgb6XdA9OgH7JkJlWy1FEQFIVvme0663naTvnaOV0xikDmyXEnrVHkDCs936XX\/6nX2nxxS\/71Exa+L9ZvwSijWQ+HWNB1qNqXf9I+keakLcJGjc+L+cz7PQMd9d2qBgdiv8JB7yXO0bIzjAaR5rz2yS2HZ4Ox83XJ5sDP3gbGk70mdCLjNn62j9HO8xs\/XEvI3NbQJSitzPDkmWcnQWd8Ox2g3hFD9BYshLHSk0LnW8kYKZyXW8I5V3nzZcBpJ4WHQpAu4C8\/3KbMWpYhI+I9YuAKcEAAESnzbRWkoyl\/7xl+vcrO1yS4An\/plDwoxmlyukzv6RYyYrwTO1pFfnSNtTD2FQ\/y5FfeU3dqx9VsCMHTTnW+EQ\/AvmBhFfy0xBkYVLoGXNK7nrxEEjukcnYMBw37\/8eDTqt3IiNrMToslB72NpklrdimlIBRXjSbpQOhS5twH5V9SQv2b3DACuww2raoxMGB1FG1NY4KU9fPvhz7fkKOsG0LbuhskTNd8Io\/dQc9dI80Til1MRju2GfKzYccTNgI7TAlQyFpZ0lVuJ+wqd1BG+HmQaa6t18dm+aB0+xeYjy6e2A6yKzF0RLZRmntq3xO3\/hLulvX4tmr7+iMYbZdFY0iGmprXwjiJrXYsNw2v6fY8WSHHo0lhK3NzECybk+De1mupmg1ZU3gH0wUKI6hehVb0uHF3nqsOwAkVde\/10HV71DXeVw6WaCU7aT7tw1hmKcbLPkUusRnhJAlaxR6AcJMSoOypZ3PMCOSk\/tErkJNYkMNaOr1+gkSt2MCLQKt\/wFuB4DTMHOJoYpBa0NE67jdNNLDqF5d7X573t3YxwK3j76mPFIGgo8j5VbmUBH88AOc7nIARIJnK7fMrdLW4Q89ZGt6wPSpzfLfphnfrXxBFTWPD1uaPPnFT7Ztg48OZaCjX8qlhuVLvZJS7k0KzKXStgLxy3RZPbfzcXtc0a+sYqDZFzCdqBtLtlBqWieqU0s2m\/OGfW0zPMkIvJqOEEY51OUfr0MTKlEpo6fi7vo1XAwEOTpfyp65yp9KTQZCFjRnzuYr88GKmbwzg99saapDaxELJXUyffowNXRaIW7bRyYEa3jU9fBB50L4tnBH8O1khO6AoVRV1L0Hrf1h+H4oVWN13iGJuXSyegb1P7atVzE+GxyxG38hm84rx004TbBNhsSK1N0m\/qqM72mS0uGXEVvVF\/CpSJONxgqi0HKXUUXYslDY9yqNPNSrJWz+xFWz\/zKutXlB+8Bm+oCyeisNkuhkzA0NOEJM6JIHW5VOQKgRxbhY0GRsUC7sSf7oSOSNhXVgiL+eMtkVF5b1j8tut4eFa42NIX2tDsCSH6agIgm41kw9E1MUqXZzYtHgl5PLNpd4pbSc7hp4NBenhFVWBydpButMflwvIbyGDZVM2Q7ECLDwJd9gk2CJZwWDus5ihON9HGyTk\/Nw7ZdhQpLfeSCzOpcTUkIXV3s+kMDTIcX\/XCpDrA\/ZLEP1QdiTsexTwHt5me\/kgDG8IBUfpWO0YJlD4krf6gJ12pLtw8+NjVnoADykasRfe4Ll8eR+fKoMssVsmEKVkK4wgVJbUNZEjImELiKfLUt85qfdJ3mIzuDTBEoTI0iemN0FaN4SteJ3h3WkSJppN4k3Pis6aEsrKs\/whr9jJXiPHRVpfVRBs5hOhr3YRGlYwu8XxXwLW3cOQPTQKtiwxOjtLYd+3S3UiUPkCwu7oHamOwefrb\/xKua4y6HGP6+q8POF6mBQ94Du1Lfycoe1JMN9dkt8OyIr1QkI2gyy1PtiODKrdNPi6liAIDtNGVm+cRtmxTUAv6luTYQs1OBnr9HT1hqGQ1ChHCm5LqVj8SngEszcPpiOvsDzIp833E6kt4rc6E9FfpNkrx1c7mgy8aPLDwgEvq2Dx9DwMMlHLnW96vRoqQX1jkZhDrm1flUjFrxuwxXFjihrrqS66uP0sMuJtZAM48QgXCsdyGqlQ+5lsilH\/zsmm8LU5NcsgMXPrsZU5bhlXLbTHlXADFA6HQbQmtwNP2ZXCG9SNFgTv5zd26Kjzk3XoQpF8f6JAgQBrccOA67snxKaCCxFCNZ7M8pJK1Aw1K472qLBq\/FmRKJRKZLMinv33MJW+5ydSmTScCV5BC\/nD3C64lh6RlZ82SKHcZ75NTCwDGb6jRrPRemO1W\/TryEUte3SYojqL5HFZIwhyQ8vwco3VehsgzVraLqhSDVXBrawCoNdwUhVqFyd\/aV7oGGz1zBKdx8y67VA0jkqJQSS5v7uWOrilUvi9jeyQ+cnf6ce3L2H\/hxZAJUtYhzCu1ngJ0fyOXO\/aXUfjChRM0fipTmo9jRxAem1VhqcfvCktYcXayONCdz8v\/qJLd\/wA3zB1WOMaC7AnCZ0kY4YuP627ZhmzCMnGW1yD8N4ZwO5SU3VTL6eZjUTWjkUpDz4L8YLOrA6qho+BKSfJWQoC8Nxr8+QSUMBgUY\/2e34ceOqfiOJ4yk88HMEMDDJHOzeqZ2VOUsCnnR79tbOpol5ZtswWh2WFYRTK6uV\/\/31EYQMPEI2WCmZx0vHUZeXp9WsxBfij2CG\/nXJbLNqwpDUK+7FtTlfKOzDxzZujFEpKT0qrm+kKnhKgi5WuhIda9\/oNtSyr9o3uA+97mKA1nCE2EI7azaxiiv6GU6xm+qMKn4dAQEh6cVvzeUbQ1tGpArMlGHRZGWs7sNowEEPNLzJzlRib39DSrDpUVDw94nMCIiVqQyL6s9Cfk7FJxz2h7yjEev\/ktrXt4FpvJY1hazxG2ckBcwpYBkRlQmaCQV5MYdeY2Bn6\/QLVQmrVIIeyyDmz26ZLGAULeNQoQuzN0Q0Gq4+EwT58Cv1pceTkhhaD56R95plcYbAGbHsKkYJ2qxQ1lS7YuPWIGfHN54WzxX\/teazYLNv4EDqVO8Op\/4mMrnT2LltqcHeMzHNLtg32PlP5wqtY3dJAcUSekyXnQRRDahkbe97vS1rvdMCTDyC4iV5NNzZ6D4kQj8b8zLY+EotQbjAKWymzJJLs6DGGH7oIrz961kk7wXCpr4JhOCTlHSKFxYqK41D381ZADMYeYzWEYJf\/D\/I8KpJz+twLPmQFrskcjrYCV2T4rSJjaoDt0W8jf+rZMaKQEQPU1PNMn1Ojmb20IXseKS4hxsNjuQI8yGWOIvLhP\/YmL2lqFH1AmOe8e0GnBia+t4UYfSSamrqq+QO0vU6ANchpLFyEtGfqjAbl+FxbzZEmZhYLdnqVlxH35HAEm3C4gEoWYV1m2Y1BzXdteTB6vYoGHG94MxWwp2NduvqrxoIHJSD3zxNyAye+BRe15UxQvw4c4f05WKaSTb0cRHixxj2AZs1O82q4G+3cNwfvfFhHm9hZ8qwcz43bwzkaiaDM49WPPaXfiuNJJOjHLuV8s+fAAlqEAT38Juiw6hWd+Y5ENE7wIYV9miHksE7M3Xyrbcvm5C9dM8ItidHxVDoZLCausdxG\/DggY+XDdX+nlyoShI3k9Nn\/Yzt5kEsjdmiAeyLb4BISQIcoL02GdlEC2\/HPVjxcMaec4hIbI8voEknu7vlISa0i93KCWQUdIRMBWJnQgjGkn+uzYqoGY5gXU10HUvYoeF16Nmfe6JNZ1QrsVo2Sfqt34pfBC\/UPTp0RXmCIs6dOtCZ4E1xiJLq76kSlIlItKc2JdwAmISlhGbyqq+93gEOp1GJIIlXkhOrxZ3aRJCPWH5SZA3a0wv78BPcX9F\/WuXD+ahb4AX+mQf8yI1J71kjUaG\/y42ZYxYfXM24arP8XECI2zQh5\/gKlKisX8ev357JEjU9suMjPMVBLrjZUGy2kDngCwD1RRkmoZ6dORDhpIERbSBroRfFZ3P3Tmco7Wyu2rSgydWp3hUvTyaciohRVJ8+5wKGRV7jwPkNVSiMQVO6ubbeejZr+HCb02zxIm7G\/wDsyT\/bCh9n8Is6pKy5uf6NHB8UseSMQ9PpUL974koqqjFR9QFewXO\/IQVbLTckiniuFwFPgt3AKOB60d+tun0bA44XmKYrqQRZov7dkJZif2+Mcc\/Rolrw78qmw7yilqKNYSXj6V+KTN+Fn26h5OKxBLVUIu5LXTLTuDgkT2mqZlTOdFJKf5pNpTDlUf5nQoptccsVqXkQzu3pgezyGrsqp+qot1t+IjWQLQ+EYWMq1YaaEzBGuPAolRCnvTok96PvQwaA\/a\/evz191zDzy9mweh4zJZ9SWFna9ltFTiuwWeQ38YWUOaoQ1VDC5uzQyPLrlLsOeWi3MKhBwHTN09aQyi\/wDax+Knh3i\/V\/lVNvOUIY1dWPF95+L+t4jlb86LAwybWJFeCqnOU+KUhExxZ8MXIoxpkRtudr+Mdw+YEKRdQ16bCr1OqBgxci7Er0i9ly2MvOCHYEQhvz7eN6OO5L3y89d2X\/NRzcZaQ2hMBcQlD6LZxRjKE1Was0T+NmvRFte6WmA0tpPcbNYyD2ElP4tzpTxRA8zrYtFBbfhcOfr\/Crc0XzyZEPl5kpoBbPCW0MtcOXnqROuIUlqvmtfFAq5lwg8R1BxrzihfEE8lpO7bBsSMdOEG+5caaXaIYjKmFxW1KjkHFWIFu0a9icBxz2CjiHl1U7mXraZTs\/w9Bf+vv5rPLX4SkKLcb+fuB02d\/+0bcm+76g65n3zU+O\/+RgCp6oKORdG7tiW+OuMYRD6OUxCuhXe2iDywSKVQGRpLR1eepnRb4ysOIHTOwtQRlP5YVUFRXab4eXkjXZ6svt47YyLhWaLw\/SC1WqdaInhi\/BYySI7URdHHb1Ts53Q61AgR+DeJrTlmD65SfTMWvVhWH8DvWa\/wkEgySR947AqgSbfLOKUl8HW5t\/5et+cve9wVJj8Rkqizdy\/a0nDkjUd9Zli6NFPj6LoVTG9Ti5cB+ZvN04vG+XbY2BFcT0C5gjEdE5gOkdL8bJBTV1YwD4r6BUUy9X6bPwtehbItMTalvAbZ7694Jh9XzY6SR4O5TypaQ\/qZb2M0ZylWnL3n48Au\/GDZLBVT57AMC3FDb7fL35VDrESsubcqU1FziscZf9cGmQVDZ\/d4aypUnkkLWr6dzxkH5V0881mOlh3b04BgDgNo8FyfBF9VjZIwHXHn4ngSEtVYcZDRogC3sauyoB\/HKIK\/jalcXNoNLO9ZruS8aoaieczu+VF7\/InHwBoHPnAmo26gckkDN\/AHoUNCzya+jP0Ux2RBqKwgablgXCgOXx88M7LegZWUJvx+uctmLC6dzgSG\/Q3qAnBkiWaByJEsDTeJCu9urGc1RW9Lnz\/\/XC43TYZbHldcepeifSK2iHbgOZYs4KtlibjovzqdCf79VbDbbgGZOp744x+Jy8JIsSQEbhAjvpgGwqeQVKtqHWhWrAld8W5WxoomwmTIPqYNo2vSRmuYqHPgWFsSA2imXVaxriGaQKwlK+JbZIMpyo5B6coEFyJreKFQ9xKZvOqfOa25MLZ\/3GxYEW22ez\/3VgAy+05WGuT3cavFTGHYT67E\/B255r+0In7jOlLmNh+pQ1TWKyBaXb1mR\/y\/S9FLAXJeclkpyr7zNpXE4zQ+2PRqFJbklLvcijM7d4rTLclJb2Bfbu3J03UxOoavuFuqNOOnu8CwvDZsjeuPWeds3x0ch10M7uUJ9LnIeAdZD8kjrpeA94UqCSS9XXMv9NuANlHGrOhE95yMHxZDGI50MZbXlDOlJ2xNQG0pC6hMImFmih68HAH8F30yH5GEiNDEWq\/EmAZ2GaYWOmCyZhVK62ZXNjegY+2Gp+tVI8Rtb0JNMl96Xtf0NMzRbvoujfILKnkxdZDodhnxpEIUEnULFiKTj47m3cjmUpFiV4NdAZUEwGyAXoZuAhpwrpjd+9bvFOX1CvHXPKgTIjxh04oc4UZmG5bw3\/PRQ5H0A1swR1vvK9FBAO9QbkdbVRb\/XAhpdMN4ijbGOYlu7xLjNNco8WR8lffa9SAth0IHRwxyqsIdh8RGH+0Kl9WM964udeIPDy8ZK9wiUsztty7NByP7cOxE\/ID1097MPPuL\/spKDgxEQNyFP8wv\/mOiuZZlipvx3clY+aTvbnGtaERh9FOP\/Ej5dP1NBHA+AanI0sYG7rueL6mbrulDUx4UARv38pYToKoJw2bkZGd2esymVyW9lXt8mHHgWcvNZBY9WoqWWhlpon9EuMGu4IbEc4OtNZAzqHVAI+MzZrOf2KEabuoFEBFsNvzgFrYQnyM6luKc4kaI5B0CoykB43mE1tRQMbxsUWN35Xv7GyrXUMWLFxwrvET7DS92R32VP+J3oALwnwdd3eRPm6VVzmwX3td1G1Iy5s\/KyUuGVdraSlBqW8sokCznBSli\/8GItY4gu6oODV8qZMblrSh6H0Lhqu9vqBOSILZiM9IR\/zrc4bCDESvPsd6X5BEShg+hgzIwyxVrRT85xa212QLE90sTpbcv\/gVYLnjYGqa\/27uEcI3scEL745lOed+3x6E+Kk18gicGRz8fd1AVBjMLR+uKw1hW9GWJSmvNDdlM+b1A\/m0aIbV86rnuWTvMlfxFpr6RlDpczGG8xw9ruMVjaf6WucefCJ8Mm7DOqT27xvbWCfQbPW+Jk0QMaVIeyq1S+Bpiz5QbQ74HNqACIb1kpfsq2ajJhahzadcyFYDYL7dMyvJsFA5Rhn1tCJFE41QoKojBTeyXGUXapfBpQk\/bRS006XSSYkrVJnRyS\/K508nNmJVuapyiU6Rblzomvi5eIX9w0JvccHaEif4MytFFinvIjpNwjdipWUmHwCnTaj2KxS+zplD4n0Dkg1Idey88Npjeisf6HKUi6ZB3FRhQUwcJASaq12EcSJQV7GAFKI2zby8Y9w2ON9cnujZEM0AjSAZ+2hZs9k6F8dSy7s7L\/s0HJTkbpr8MKz+ZxXNbHwQlZC5Sh+Pg0z7kG4Ty\/m1hGjqXa1KL4WEXqlutbh31TARPXqdGAtjVr+LLTKNv0f3fClz39zVUqCRgx2Oa66zkTRU4JBET+pwa3mZg2nGhFylUR1ltFt3iYF7GZtRVFE+BsR8lm7VeSUnbVpvtIGECYQyLZzpkV2Q0OPi1\/UldyzCKQ9XzCWGK2Vy0oO3EnwqYbDhpNTtaImK0cAExqCw1xgjgvRONrNKy15RlV3EAH41FfPZlIgZuacHZImcIqvm\/gKqEk84OGhbhP+sMifoG8MhwYHVkJZDAuB7qXIP1tsJ5zdLOhXshpozbWlVctAEuG5LlDJYylFuGHcLY7Zv5CSut6JLXGybYRBwiyrqXKVrJIHorsUJg7\/BXUVOdznd+pKYt7su7pb54AcVyaVv1IdqdEEHc8iDdH9MKHRbBxHPNCmCBnPT\/iK5uq0zHws22HF1kY6XZSMk5onrYTWaHAou2j7spDjrT9qiMsgNuBLZvy2MTzT2g\/NAEwt0N0UonG3F3wmj\/CwSaSZjTz0fOYfh+7m\/nhQf62+grEqxit6GswJWd4ob3FVIbGM5t4YrwawCBau+ehDiWCXWHGQDvNQOC+nG2HSWFKspPkZHZfogvUYIG\/5HpYMaKPo42c2ykkty1dIP\/5FI6UYf0\/TObNhV5RAkkq832W5AhZU24VQ+n2awpy4pIdKg08i1TuSg+tv6cw0BcC+drGcvlH1h98Z105ItFpRkAVn7IgkaQ5VaBjRlupESIaqbrBA+PgdSapOjT8QcxwzNCMjOc28hcyjfNYBEYfCfJ0lj2KfKh8o11k+vrpVoYTPNbIoGKAIr8mGJd136V7s046+Tj3vIAxPMWo91XvUwV+WuMfpsKxs6f3IO2Fy2CqaDtRkaHUoE1bXwT\/Acy8YMTWAU\/jLsT7G9R8UX3pyTOYdrQXsF8FaJlF7+LNqt4akE0ZIBUO8qRzogx6B+6AtKEJZreS+MiAwTJU7fT8csbDB\/8t1WfcdWWJn+7xYUaMe4VGVucARLpmtBYf5M3NfxnLoQ3YIdjWYpWDFYZ6dviqPiZCSMSqqAeWFOoTl8MYpbXMw6caJBOcO6dqzS3Yj2FwoyHCOIh29xeAEIFeLN0W4Do6\/v3wFvZ1yvdK\/ohYTbB4K4tuv1szGnOv\/NNpW1XkKab+dT3w4C1z9OWaWMCUTSNH9XLuXzhUIw2eXT4YMYRlkYRpQEn95RkO03bieIMY+tJWFQwA\/hM5X2o0aP1YQASKMT9jmhOsnGNp9JxLYFrDvaG8Q4WZ2+jYJiKOTgV\/3DNQ1GMtB4sruq0nAH+j7J0+kpLRpym1r5pyygi7lVKn\/Q9NvtE6Of9riXSDGVCpCA45e6V31i0FdIHzcBUAT39fTvSy+2xn3PLoqbzlcrc4wbHNLKg4iFklvEVxhtGeRb9Y2uYHCT6XsEcXNW+1zoNsLbxMPi\/FBMCwajfbiV8mtPQzcoA7QBQAHswhhkAPl08VSVT54syqzNCZHIEu5GBK13jzQawbMtCjkiKZZ8jxpkIWWsjWLioShBm8okNkBJG3esyX+vc0R5XLUFMPcEFjhYjgLpIUaEWD9eHW8fCnjfXfWhnYYGb2eUwk97OVdB4+MFYjj1f04MrCloX5cmvVR22do7n5nDa0+AENNoLbw2M2rKWXHcCow3hv03shNAuaaIJLUNj5WUVWyeOf+SjXWtyE17YKJQj4LoKJZfRaxweb2DIR2I\/AkiDc3dK6ruyAEJekFU6BpsxH\/eu3qvbcaTtU41WQE\/RDI4QGGBjn8SapQ4u8ezhbHPWeHNCqrkNMRa97YNolZ+j409l91GA6xy5w0kZsP4usBjIL4agrWUr9ELdF\/02zuK8KDCV6tmKVYmM\/AKEygkVbrqILGCdQ8aSPb9sysy+kO1BYv1EE4677NxA2e4vB8M5B26U0Ow7bcgCXKmJcA8YgQ4OoKAaRzpQkXDKYgR45G5HXJQckuNJ60XFyGWft101jBS0y8lBLxr3fIlmd9t2S3WcUWrw7k6xCYqhsK0\/x+PJJ3TaypEXQArFpTS7WnUCdxs64ljgKcovcgt\/bsOOLk2a5oJdi0dwwHaKcKgWKw5hG5kGjjiId8+WD6JATuot2q+468RM8efxYxI4IggWlG7LRsx5oecy4\/Hm3Q+WOsohMbfciKXQIWqXOy7UUI1oAKN9Wgu8l+JbKKjDKKxWkGIHThI52PXyRFJ83dn6Nh+g5rsIf3rLZPjWfjnH04oF5HQP7mD5lsa5K+aNTh0IOJOLuvJYIgG18WlbTiSPsXZSbZgCKGWCWiPUiPa6BgEZviilHS7PxkYmSgSnoGnCPAhinI5IOtX5FmHS2Rz8E7B3C5W8TJbJhz4slCbNI4MMoESQGfu+GBR97BzLKytnvXcNRNnp9xmd\/45vWerI4S+Mg424Qe8XFhOPPXTbDefg28GgGGZg2s92D9+1JHAM4NPci3bcDN6Qizc4FEKux5WK6OGvJeeApIy7HuA\/eEA9k1x4Nmb3A0\/9X5Q\/brCFZiunuG5ilQNlWfzoCBHU6jG6uwJU04U+Cr8\/Q9uPjM8SCNA4ZI7SnTWANyaiWSWBxy2niwdhC64B7\/x6wMZ1zudQnSqiky1Pb8XYMO2DTXiRqbs7kpzhdP0\/iDRRAeKQOYBo0XGUwxYaR0co5\/XBsLTqxQ6FFf4o82doJfzz7hltN02o\/U+fsWOdNFgJuTn87fxNoSv9Zg3vZkcSiGl6P9SzwZ3\/cA8ppSSLirvQjux9m0+YJo9E7iPquHxUdSfgz+peSWSYn+AEKziqQbnfF8I7i5WSnvfp\/H2MQ\/\/HscB9BV\/JYCqYURs0nSfBHdPqZQF6BfH6bJgxXrXU9tw15bPLenEFZHDOhDbwC5Q12vXXF9g0ApRNbCCNBkvBjFJv1yEzMzTp2X9MlTD8JX+La7xwsKpHtBbPpeZs4qbXxq39aOhns7kmI3ivuqu4cX+4+3qfelvi7FM0Lz8KA22UW42f3WUoSuituMgym9OQnLZxGqVElbwH7TutSOQR+idvpxNBgVjWjpug94y0lgA3vORTteVLrUokPb\/Cx0JlNsbU5Oq2XuVgGja6NQb\/PbpB8DQRW\/oaPevJ3j12224P3Ee6DouTyg866mEGbC51q5nF2GzYOktJBaDtDLMGhDSbHO2gV\/fk8tls1KeI2EgB9NueUDL2nRYeNJP0QxDl6aCdF1JQJF5SWA8ZfU+SDLKsQP5AazRlz1bsEhqYd4QR9nM6SOldUlcgWrws\/aOmj2GJOJGSmHP+\/PPBsgcOvZgHE9h2+TE1pDV\/PQTe8bUpnax\/Nn4CmL3HxJNNf42l83GXLVAVXDLN+AungKEMAuaRVblDHIcSpD\/mRP+Z9n54F\/zwBV1OTxjCVpWjpG29pe0saL2Uh\/JZmCO2XF291D5IkELXS51N0hvGTalAgIGGqYuua5gT69fi4639nbPd\/f5Q\/vsAccdgpvzmhkexerSZwVOip3I2eBm4mSgXESCX20tF6b9mgVTTpsfXSfBH8YsglYnx1otvCXhGuJSn2OFLNsZILkGiITGoN\/ig1fE0fYQLbm8TD6XbYDaGe+VP3hSqEKAhedr18dYiE4UaOLELXO6UzW6ZJJtiL8BUVIVuVg18+yBs2sSyGwyy0dAsgBkytOZZJ4sORVY47c9nhWWGal1EPnEqjHEJQ2Zfo8b+CoBxAZ\/HBE\/FfcWQnvqEqU1GPhpBXSDsZRhISCUfMjcfQ58cdzClpyZiyv+mUQ8spqu2Yqe85kL3K5amu\/9ogDNhv3SyHZNzVEE173JgBGs6JJMPbIJGRlV1+ew3VVcEs0xVHAoTrO9Zfs4d1R3XIlCM9N6BlymxaZgqihpcEqHrZV+Xw5cJVRCK+Xqam3DS5vChHY\/OYIv05MuIvC12kAUke\/HMtI49KhdXEjx4zsv5wbUoPm9eOJj+SIGGXQKapycya5bWnTS64jGTU3S9pYmfDVa67PM\/jrdcNDQg7vAAbJ9wFV5zu\/CnAbmywKuEMHvdLb\/hiTK0d25EMqhFbPxLhNb0+71FknwIU6iqnn\/gDM5yiA9Bvja3W+QVPybnsKodeP1xoZMa4szQeQ690K6+5+V22h++Oz+qxa8jc0dbF+FTbKGM2YV2fOr9bYQ\/2oU013ruDJ4jIyey0q\/FcsfmjY9uIKYS48MUs6lJWLzpg8j9QVPrvn4trO0v3BIpF2HyUAVFepbeAg8jVRt+2+2wNf84jMqpp8iBu2e7gQSq4jSuzSqmWyiWh+j+Ue3\/nkE77OB86tE7ednrUH7wDyOXJD0jFUHQgMuuypcD2DU12ITfdLK\/DzVJDBxMOZfue4SoAl+DG4Qj4koD\/DwwI6rC59akKmIWq\/nqvFxa0091D\/6ffGa8AFq3P3W44r7PcWuvSYuydHcSJeM2smlp9WGd+bQeTfPm4GDtfD82WZ7DIn3jIUg3NyT4XgRSM8DqdA125G9rGf3PgIPn1OyrenpDYE2ydFQ0\/Q9TjUN5k5nSNlR8uDnIxaPUiISIf8uF0xOzlRUvR4klvbtHaFnmcckMEbJOPUKkRQgdba0ILE3aLij9wl3nKJZ6OIBQQajfa2PvCqCV1GxivWUhpdlZ2JmdubwSqerM6BAuQ2hCQiQXGL4ABljhg0Rcz03qs1JVOJoezG7DbvEFkMRKkypTEzsrzBCwOAhgiEDOYh0rUdMi\/sFvlSS35JmwvkfKq0wd\/ZYGCXG35H+XLnVxcZx0fdbJpftEzB83Box4T\/7QE2lqjedG\/HC++eGJHx4535IRhneL6P+qfd9Gy72shtotu0Ci7xOty8sYfDmY8t7AmIlBcdg1SCHq5YRW9xS7xfNWDkUjhfnSXgjNFJevNPC1y9NWBaIbwO6CnOgNMsKgHybfUKbwPkFPuNRCmkQAMq5iGOYmwB1FEL+GKwGrnyXuMP4Lx746FIIagh283UkW+uxHdQXCj3isW8N\/Df88xoYcOLmL78rPn8Ps2O7X+0Z6vQMIDm9EUiC3qCtFTYn\/uAwW2XtKkGILbPRdZ2o0Un38l4YNkCxCXMjyCyI2UtKEEeaL+a05w6c7W4y+cz1i7NyjP7TLiRFpJ3RztSqMIBt3pCo+iCdfk1rNe5BFbkrb4gJ\/zt0sFmVR753lDwg2nHrQqKRNDqObNCoI8Uvgbvd1\/xKuk8khOC68Z0V79OZPvfnaiS\/4te5A9YGuzKefOIC3E9gnjQ8FU7aVMrHVgVBQTWng2kp83Cz8PEGT7v\/JCluGulxbT14Xf\/ygeG+fUJ6kIMKbJ93l8PuDwFWD\/mcyZ1EmyEyt+cxSrUHNmDW\/8zIztA3950fJ20erEMEb8eJj0RLuA4EzZ0jsBbSPG4mTaLtgBm8D7\/t9\/FWszmnlEm3k8Uaci3OKa2362XR6syfI7I\/xbDky6XWO8y0AzysTbzzhr6RMtOiej6Zv6q+mwBm\/07p+DX8VbXHd1VqQohTXEDKHIBnT1B20mS9iQFOKyCDcf2CB4tw\/vYh8WKkZZ2CBBAi+pwTegB\/5Jo9LJZJhnYAGfPndYNIeZ4FKYDsrnShpvx9sPzZ0aLK8VFss\/ZNyNRHG\/iJC998FcHRNqLfZLolVXwZyGsc4i7xRWFQi\/MTEXixL9b0u1lH18dywH3p53TXr62nQ8n5GKuGVhI3F5CM4442M1M2wjw57w3GJwzg3RS3\/17lO+kNUXjgAtbTcfDsfl9BWrBPCGu5SVkmZnW3di+1cLoMxitE2HdSwU3aFeeCBLCjFnT6Y6O10nNfKr46Y3UFEWRxb4bf9fBkD6pwsGiU9RIRC0npuIjVrzegK1bIbpahdbnxJxgAAHUF\/5zWHoXM1QB8LdI4O2DBxe0+DR6dW0tLdYOxm50xUAeaisdueWpsZyxqp5LmpVi6CVdlSy4krdCMqR8yHDbsEBiz078A3naSrwmcEi4NpUrG\/mVOi6XNBJRKTEiJ9TmVLm7\/BvakI7cE\/6eKQPn7kO55eyPDk2dzMTgJJiGZIbB1i+Bq7hVKuYAe789xqv83iWCu3c4WoCR1in+WpaY5oVaIKRl4vkN2NiJvW16LwSBnkUDHZGqcT47adV2EldVS+YV0HhPvbcIdh07twPIfcAz+qTdPSQkfTnjcTB6BDcydc8MHkKa7s81CMAs7NLVCtjgXAmzv+K4cfeXVPFo5FZuw5l9LfB7bY9DFaI81F\/\/6DsRJSkl6ZRkF38U9UaS3Q\/IAlGceKiOZXZieydglbqDmvodC\/XwA4CtuZ4y7t6eIK5L6LIsjj3O7j5TUWQdds+4l7j6odKdmzj11J9H4dXok6\/tJCLLJwR6TvVmcG2lKC9rCaDbF1JgVK0CckkZS5YbT\/HIF92Hg78oe30FY+QSHvNtGE8leSt1ubDpNEiVmCdTeP+FX4N0qIWGi7POEfzXnLcRA\/L849e5C3L38Lqc9T5cDmlRE1v0VSHesl41UJYhMcPsezolCCFOvoUuCMsEeEiaW\/+1t4JcVyqtoTAMtUFFjVTjfvZrRrCHMwIWcN+nQYOEQsuE9zBMmA2RV7wnR1R034QI7YPTC6nCj45sd5fn6CJoy2dwytj5dbQ7JPw9m\/8fR0pr2lOlsbEW0mTDQh0h3nx5nbZfiM\/MmG0MUb+v+KgGaMwEfE8cV41HufdJfwqdVdW2+e0i4kG7anyG0V4QEN4qwnnHVAfWHgJxiFoIkQRjorAu\/XGx1CGPLohBHjpSvBiE5l7X\/1PHaHaW6mwBDmKeNQWDIX2yxHFKz6GrFn7xo3dAZ2jMo6MCIJM\/SZgPYm8LSdIQewC4dnZbOUj8o4lbatBagSvNmNTjUm3lwCLdDJAsF0710mgp6buY0kSKMT7koclaQRncbo0M4QWYgNxj0r4D0+DEjbtho6imUsYYw1+0uKm3jOhFxOjjQ4QrYNExgTA\/hMS5Z8bkaJRGDjAxCxbs1sfmwVTHPJw1fOyYvF5AJSr1jj7shGJruXyImb\/w4k9v5nQl8qjvYb90v8fCvVF2QhUJRFaHsQEEZNBFnrG02XpE2IJkoTIA\/5GtCYlw1PVJsu+itcuXRYeEuUJe16zA2wXq3Bgt7o6424rqMTi4\/sFV0VpntDcTxHnIXySsVGKFIeDn3LaIL1WVUgICT9rMQIiMc3EXyThZ3wHgn1fSBue\/wxRGMSoQ3izt2gVijry+judwhxW\/Gje631rK8ZisRkN\/O1FWWPWTcQ7Ezd+ltLJphbrFvP4qMEOCOMUbEyx7EV68zWFjlEcyB89rmG\/S4xNYLsnyEeBdD1MHgG\/idpkujktBjWigkX6eQryeRVvtxqZm1SE58D1x6UdyxR4Ez0cEDqUbGGuJ4busjrGVSOcxzcOV3EyEJJZhnz1FubLg\/cv7hgoAGQVQ4SN33HsPLsdY408jsylWWkcM8rnfLMke2diRFXwhXlPhu\/n3sKl9hTGUFQSrbOkmpsvJbknBkMAJrW+QZwe4pxb5IERv14S7Zn5OOuHc4Ym1pF4J38GBXjlpOUKcR3HSS\/E6MiHbCAgKjq+UGFj6J3LkgwS46Jlk+8tCya1ZLbTMK\/j2FhpsgrjOLAMbLz2lrnI+qOhyYTdN1sDZfRoJ1BqmcJDt1ko59DntnSUWCJCsRMlHLMvuPLAQC6utOqsQx3CVutF7fq1OMQFTAjbSwqNSeEpBZrOCnkK3Z4HZZQnMpWaYQZmWJMeanI0K5SpeCY8365v64XhXZqZjSecG7mgxNA1xdGNzoAiLHYLRVONUa3307x0vPK2R5uLRo84QS+kG\/I1vRX+gcDvw6sLMOF4gR0n+wk2vh9ozrssY2VXs5y7+WFUQtG6onr5txsyMUkErbbDEVvM96RQQuekqL5tQLP7k\/hm38Pi3DIihXzml9pwo8L9O3prutN1SPrnLfF45H+Ybbb64RVyIL16FG0IGmfrgRPA1tCGas6i9\/sxjOOQ2+Py7sEHubqpa8t7BAn\/pveiBxSTByb9RqcTdzOyQWjbXeT2tFHPBeRUNZYhfAokDAchfY\/E7ZzkT5IIcoGLNOJ7Dzbbgs+9ESjPTX0fIQQ5sp0cOuohV26fOE9V+EQNlViZrSxi+irlZwHtYRZXbcV5ZlNzbDCqYw9S81N8PdOSPI+fNYJhWbQbMWDFE3pz6UYBqgARYp\/drDXBU\/aBMkJCuGUSsNDmqOE4VXA0\/cpXRXbWTNA0fYZBnNZnNl0rZD6oRI8n\/roZ\/\/\/qv2qKPBTmDESRvqnRENQzhJQoH4qcpHycd\/Gbxd6X8x\/2QIoaKtxXfrfLogPxsZ\/1Sjg+VJigsut4fvXlYwdt2zcfwBajpBeui8jML3MSilzZclLAvmMxC7Eq2\/DxeWL4Po4vQwaDCdLZ4U1Qscz1H0DE5OfO8JswAjrotMmXgUtrcKPXrKCBhc2YbvnriUuakGKaSYCn3zwVIOeGdIMYaQ3DOznm6NrHOdGeal7haiDJNW1ZmPYb6zSSP8uBXzyzsftTZzPU4GCfOhX7Tg0Vx2Vl8crYCdQJqplnrozXCbg+IrukDYLfBc87Hg55sV0DEzQNjnSBtG1TqfMfv+IMfMe9dUowOu2pQbJkPfS4OsDlziLAQWoY6Z7K0UQRdmOs1gyPO48H0Ga55jFs7AfTEBDSy\/kw76oE97d4wR8ycPWJRPDaSBSiBIyaBnOddK6mgcR1cYXf9JgJe3Iz4EjOr6BqRBgvNlIr\/Jb\/NYPT6Kvhju12uZQU1xTi\/cprJA0OmaF8YoX603E3H\/OylwGUIs9v7o6VlujbZLf4pD6UnGLEl\/CmylXMKco1g28UAFBVLPmnE5+pFxkEcIaC6iYvz+DtME322OoQbqd4a7SrIc05uittTUpBx9gz8UM60xevlYIvHxwgMaMT6YDT5Bl+RiT21KCEOpLSJoBsv0WN8J4h0OlNjatIvnYutfqJZV6lw8oxwH6cgH8dpTrYfGxHhCK2HnAa6WupX0pxCuwpqm67pauPDTb4zQkj7eG\/k4O0Tn0sbgwIU3NDZvUP+7WF15tWwaN0ywowcGYU\/MRCZOhDTXi7E3f9h7qqDo8sAiTySZgM53oShUfohHp7V2tcFyt\/1Pjs+ON2CQfk0Q4dK\/kyUDiO34jpxnFURYX\/K44JUhKEbiwrRo2dsdYEHc5uSw913SjQgCHCQwfybmPER8GQCf5\/T64W21gIQBqeVmgI0iJDlymxNQ2VeE9hudIF9qoo3C7290ID52vwbavA3msXluBesgADm3NXiqn2AmVy3CoW+HMyX9d\/WNLXH3Ti7b1dtd14RLxLRnpXHE7NH9uOj9CTaEs42b64Oh1EjjW4E8eDNd0q0nASDcw1Y7\/XepEv2po2b51\/h4pR2Mb9FeesaM0veNA+v5fBf58wXo9nGE8V4xKtG4TNWHVA3kKNiFOtR50sn6I+e+R1sV\/7zINK21A7HQLOy2J0jSxT2A7bzNPBVSZ8Y06U0xLR73WXJzNJZmw5x\/VGp4DOD4dUn89NPOxZ8PZZRTHpCyXQ8NOg\/NDYD2Pa7Q5p8JKjTDVtyR1jJkfSQ\/WDbvA2G7R2\/LN3amHVMqiHGuSLfYAQJnbimrDSbssPCaB6buyHVCjpsSlj+k91ExGmd1\/n6yKhvXT1oVlL7N71Sdp81PzEIA5e4bI\/yt\/qWpaU+G3nN6ErK259OSzGI9GHIPVwmNGuvDLXzkHBp5vOY30RODAggL02SJnMSm1EfIZVhbwl5vQL+iV\/\/E4c\/vIbMeoSePHnU8\/UWul3hjMIdS6\/PIAFtrnqZ7\/hZSP1TvAVGjz4fKAgLiddn+paEHM++ybGjDyfJhVzDMMQGpzoAf4Jo8B6RChrenHBzbJzk9hiYPvBWhg2vxLINu7RUbBml7vn8QUbyd80MCtuZoduJlx4n9F5shYuiCW+uTfCXnD49Clob8Y3zxZ0EL0twJE2VYd2+7S9aJCKcNOMn7hbviXKlPseVxfyirTycfdaFAojx+OiT3OnFeKzSirIDTLugN5plu8XtvqoKfWqrYvSLxzVfWO8XFuZ0N\/28bQRvBORir4HLf1rjIHZuO+OO8YocQ0gv8WDkNbpA8K6RIp+vyWZBGu1mBKXrH\/MSf3VTwbDGbtbr4EFuqf1jwpt9ONuFkoessDbhC+Uem49ZwnPXhLGfqZs9spnZKCfU6fd3KM1Py8yOUoWmhsuNnDnb6\/Wu5y9YCZ3q\/5H1tio1\/LYeW\/aNtlG2DooZehdLd3X6T\/fjw9Q4EBxznuewE+K70wm5LlGPpggXkrS7DyB\/wOotrg34OjqKiUOVJeLjo8JyvuTCs6ZjfjKPOF69Rrwm4Mv8geTavhP47rR5iaWgQiJDn3\/4l0EBuqg8UHG5aIpmf8shq+BfJUEKwSoicf7Rry4ZRk3MOqUEJDHcdmI8TVn0jDzXkbrRNavHkqyP5IzQxuRg02EDEvNqjfmg4XzhPpE16wSMAWPTPV+gBI1YEspMmKyhr8p4gjv7O+YFNsNUryirDkrGBe+JRpCNlLDxh5hsXJjH8TlecDiXAtPicau\/GbDYNlWeYcq5h0bCjCpbTkz7A+WGAgbgNf0W5Ct\/Cm5ebYzVpl12VH9lpMq5vMRsxVkmhlgA27YzntV+0f8wzFTY6YJujV17QOkWPLbl50mUQN87WCfvk2pXpCfluyF58l6F6t\/auBuuAA1oaf4bjUBM9IIdjSU\/krxRfa40iSiLT51AXmtE0ZoizDTIWpmtSIv+vO72XB6jsKVKX7i\/Y\/9gNUklFvySw128nxYW9Utw6dzQZ86Zj56\/SCkn2A+gYAAAAtSAAkinSNSzU2lviZm89TxYPzVycFb4Z2UL3XfceBI5Owm3+z+BSfjnyJzgU\/GC6Sef3nbbPKMGEC0kMAjfLN43Wtk+HNp2gADbfgNsL4na9fc4AnZl39a4HbUmy3IDvPVCY4o9YVe\/PHwi7vkf6H8P3Yb2CbOOpGJtHonL1po36maLtyn\/D3Pv+Vo5Yr+s7vBFjJNQex92ZJWwse+3JB1ZO8WqNLyclx3IPm4vsL8DwiBEktvyMlQeVOxzXHjIugHK8W+eVQfY39Dx0kKTUV8uk+xVxMeC6dfDYM\/psCWDzP+M9HNcAfZISTtXkQmsgAAAAAAA=\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'rose', label:'Rose Sauvage \u0026 Mauve', latin:'Rosa canina + Malva sylvestris', family:'botanic',\n desc:\"Macérat floral hautement concentré en bioflavonoïdes, provitamine A (caroténoïdes) et acides gras polyinsaturés (oméga-3, oméga-6). Reconnu pour son action anti-inflammatoire et restructurante.\",\n targets: [\n { anchor:'epiderme', action:\"Action anti-inflammatoire\", benefit:\"Apaise les rougeurs, calme les démangeaisons et restaure le confort cutané dès les premières applications.\" },\n { anchor:'tige_poil', action:\"Révèle l'éclat naturel\", benefit:\"Les acides gras essentiels gainent la fibre et restaurent sa réflectance lumineuse.\" }\n ]\n },\n {\n id:'flav', label:'Flavonoïdes \u0026 Vitamine C', latin:'Polyphénols actifs', family:'botanic',\n desc:\"Antioxydants végétaux puissants qui neutralisent les radicaux libres et activent les fibroblastes pour la production de collagène et d'élastine.\",\n targets: [\n { anchor:'derme', action:\"Stimule le collagène\", benefit:\"Renforce la matrice dermique et améliore la tonicité de la peau dès l'application.\" },\n { anchor:'epiderme', action:\"Bouclier anti-radicaux libres\", benefit:\"Protège les kératinocytes du stress oxydatif lié à la pollution et aux UV.\" }\n ]\n },\n {\n id:'chlor', label:'Chlorella', latin:'Chlorella vulgaris', family:'botanic',\n desc:\"Micro-algue d'eau douce parmi les plus riches en chlorophylle, contenant 60% de protéines complètes, vitamines B et C, fer et magnésium chélatés.\",\n targets: [\n { anchor:'epiderme', action:\"Détoxifie en profondeur\", benefit:\"La chlorophylle capte les métaux lourds et résidus chimiques accumulés sur l'épiderme.\" },\n { anchor:'tige_poil', action:\"Hydratation cellulaire\", benefit:\"Restaure le taux d'humidité optimal de la fibre (12-15%) pour une souplesse durable.\" }\n ]\n },\n {\n id:'mer', label:'Eau de Mer', latin:'Complexe minéral marin', family:'aqua',\n desc:\"Eau de mer pure micronisée, source naturelle de 92 oligo-éléments et minéraux biodisponibles dont magnésium, calcium, zinc, cuivre et sélénium.\",\n targets: [\n { anchor:'glande_seb', action:\"Régule la séborrhée\", benefit:\"Le zinc équilibre l'activité des glandes sébacées et limite l'excès de sébum sans dessécher.\" },\n { anchor:'cuticule', action:\"Reminéralise la fibre\", benefit:\"Les oligo-éléments comblent les déficits minéraux du poil et renforcent les ponts disulfures.\" }\n ]\n },\n {\n id:'aa', label:'Acides Aminés Naturels', latin:'Précurseurs de kératine', family:'bio',\n desc:\"Cocktail d'acides aminés essentiels (cystéine, méthionine, arginine, lysine) constituant 95% de la kératine du poil. Pénétration intra-cellulaire prouvée.\",\n targets: [\n { anchor:'tige_poil', action:\"Reconstruit la kératine\", benefit:\"Comble les zones de la fibre où les chaînes peptidiques sont rompues. Effet structurel durable.\" },\n { anchor:'cuticule', action:\"Resserre les écailles\", benefit:\"La cuticule lissée réfléchit la lumière uniformément : brillance maximale et toucher soyeux.\" }\n ]\n },\n {\n id:'vit', label:'Complexe Vitaminé', latin:'Matrice B-C-E-F', family:'bio',\n desc:\"Synergie de vitamines B5 (panthénol), B7 (biotine), C (ascorbate) et E (tocophérol) pour une nutrition complète du follicule jusqu'à la pointe.\",\n targets: [\n { anchor:'film_hydro', action:\"Préserve la barrière cutanée\", benefit:\"La vitamine E protège les lipides du film hydrolipidique de l'oxydation et du lessivage.\" },\n { anchor:'bulbe', action:\"Active la matrice germinative\", benefit:\"La biotine et la B5 stimulent les cellules souches du bulbe responsables de la croissance du poil.\" }\n ]\n },\n {\n id:'gly', label:'Glycérine \u0026 Urée', latin:'Humectants naturels', family:'cond',\n desc:\"Couple humectant captant l'humidité atmosphérique pour la fixer durablement dans la fibre capillaire et la couche cornée de la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Retient l'humidité\", benefit:\"L'urée à 2% maintient le taux d'eau de la fibre, la rendant souple, élastique et anti-casse.\" },\n { anchor:'derme', action:\"Restaure le NMF cutané\", benefit:\"Reconstitue le Facteur Naturel d'Hydratation, garant de l'élasticité et de la souplesse cutanée.\" }\n ]\n },\n {\n id:'cond', label:'Complexe Conditionneur', latin:'Smoothing complex', family:'cond',\n desc:\"Agents lissants cationiques de dernière génération qui se déposent sélectivement sur les zones endommagées de la fibre par attraction électrostatique.\",\n targets: [\n { anchor:'cuticule', action:\"Démêle instantanément\", benefit:\"Réduit le coefficient de friction inter-fibres de 65% pour un peigne sans résistance.\" },\n { anchor:'tige_poil', action:\"Effet anti-nœuds prolongé\", benefit:\"Le film protecteur persiste après rinçage et limite le retour rapide des feutrages.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n });\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n function start() { setTimeout(function() { focusIngredient(0); }, 200); }\n if (schemaImg.complete) start();\n else schemaImg.addEventListener('load', start);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil des Shampoos\u003cbr\u003efür 20 Teile Wasser\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e500 ml\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e25\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e25\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1,5\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendruck\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 500 mL \/ 1 L \/ 2 L\n var cycles = [\n { target: '500 mL', ml: '25', g: '25', spoon: '1,5', pump: '1' },\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eSchnelle, sparsame Fellpflege \u0026amp; wirksam\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eDas Basisbad – für den regelmäßigen Salongebrauch\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eErster Durchgang\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie das Bad direkt mit dem verdünnten Aquarosa Pro auf dem zuvor angefeuchteten Haar. Ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eZweite Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEin zweites Mal shampoonieren, erneut ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLetzte Pflege\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZum Schluss den passenden Conditioner auftragen: \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e, \u003cstrong\u003eBombastisch\u003c\/strong\u003e Oder \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eExtrem intensive Wirkung – Salon, Notfall oder Messe\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZum Entwirren, Reparieren beschädigten Fells oder zur Verbesserung der Showpflege\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGreife mit einem an \u003cstrong\u003eMaske vor dem Baden\u003c\/strong\u003e bezogen auf \u003cstrong\u003eBioenergie\u003c\/strong\u003e Oder \u003cstrong\u003eBombastisch\u003c\/strong\u003e. Hinzu kommt noch etwas \u003cstrong\u003e4-Elemente-Öle\u003c\/strong\u003e oder von\u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAquarosa auf der Maske\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWenden Sie die\u003cstrong\u003eTragen Sie Aquarosa Pro direkt nach der Maske auf, ohne zwischendurch abzuspülen.\u003c\/strong\u003e. Für eine höhere Effizienz konzentrieren Sie sich stärker und kombinieren Sie mit \u003cstrong\u003eBombastisch\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung und doppelte Shampoo-Behandlung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eEinige Augenblicke einwirken lassen und, wenn möglich, einmassieren. \u003cstrong\u003eZwei Haarwäschen werden empfohlen.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBei Bedarf zum Schluss eine Spülung oder eine Maske auftragen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eIntegrationsförderer — Ernährung \u0026amp; Volumen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZwei Varianten zur Verstärkung des Effekts nach Bedarf\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eNährstoff-Boost\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFür eine noch stärkere Pflegewirkung direkt hinzufügen \u003cstrong\u003eeinen Löffel Aqua Dolce\u003c\/strong\u003e in Ihre Aquarosa Pro-Mischung geben. Auftragen, einige Augenblicke einwirken lassen und gründlich mit lauwarmem Wasser abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLautstärkeanhebung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMischen Sie Aquarosa Pro mit dem Schaum. \u003cstrong\u003eAqua Vita\u003c\/strong\u003e. Der sprudelnde Effekt sorgt für mehr Volumen und verstärkt die Reinigungskraft. Ideal für Felle, die nach dem Baden glanzlos wirken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePerfekte Trocknung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eIn beiden Fällen das Trocknen durch Abbürsten mit \u003cstrong\u003eAqua Beauty\u003c\/strong\u003e Oder \u003cstrong\u003eRosa Mischung\u003c\/strong\u003e für ein noch weicheres und glänzenderes Fell.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Aquarosa im Kern + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eDie gesamte Special One-Produktpalette ist kompatibel. \u003cstrong\u003eFrei kombinierbar\u003c\/strong\u003e je nach Bedarf zum jeweiligen Zeitpunkt:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBioenergie\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eMan kombiniert es mit einem anderen Shampoo…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e4Poodle · Bain Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine letzte Maske wird benötigt…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff fehlt noch…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003ePerfekt abgestimmt auf anspruchsvolle Texturen:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Alle Hunde im Wohnzimmer \u003cspan\u003e(begrenzt die Rückgabe von Knoten)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🇬🇧 Cockers \u0026amp; Spaniels \u003cspan\u003e(Engländer, Amerikaner, Kavaliere...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Mäntel \u003cspan\u003e(Shih Tzu, Lhasa Apso...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Seidige Texturen \u003cspan\u003e(Yorkshire Terrier, Afghanische Windhunde...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Terrier \u003cspan\u003e(Schottisch, Westie, Waliser...)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eNicht vollständige Liste — Aquarosa Pro eignet sich für alle Felltypen, die eine intensive Nährstoffversorgung benötigen.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLS, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819444494515,"sku":"WAQ-AQRO250 (96)","price":19.9,"currency_code":"EUR","in_stock":true},{"title":"5 Liter","offer_id":37819444461747,"sku":"WAQ-AQRO5000 (98)","price":127.5,"currency_code":"EUR","in_stock":true},{"title":"10 Litres","offer_id":57582899233113,"sku":"WAQ-AQRO10000 (250)","price":218.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquarosa_b416a6e2-3b73-4c01-b49a-928e3e6e9050.png?v=1680188855"},{"product_id":"laque-brillance-final-fix-soft-ecologique","title":"FINAL FIX SOFT Ökologischer Glanzlack","description":"\u003cp\u003eHaarspray mit leichtem Halt für Halt und Textur ohne zu verkleben. Rückstandsfrei und schonend für das Haar.\u003c\/p\u003e \u003cbr\u003e \u003cdiv\u003eFINAL FIX SOFT ECOLOGIC ist ein umweltfreundliches, gasfreies Haarspray, das dem Haar Glanz, Halt und Textur verleiht, ohne jemals den unangenehmen \u0026quot;klebrigen\u0026quot; Effekt mancher Haarsprays zu haben.\u003c\/div\u003e \u003cp\u003eWird von Ausstellungs- und Wettkampfhunden sehr geschätzt.\u003c\/p\u003e \u003cp\u003eLässt sich mit wenigen Bürstenstrichen entfernen und hinterlässt keine Rückstände. Haarspray der neuesten Generation, absolut schonend für das Fell.\u003c\/p\u003e \u003cp\u003eDieser Pflegelack hilft, feines Fell und Fell mit geringer Struktur zu pflegen, insbesondere nach dem Scherenschnitt bei folgenden Hunderassen: Pudel, Bichon Frisé, Kerry Blue Terrier, Bedlington Terrier. \u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e \u003cp\u003eSprühen Sie das Produkt aus einer Entfernung von etwa 20-30 cm direkt auf das saubere und gekämmte Fell und stylen Sie es anschließend mit einem Kamm.\u003cbr\u003eNur für den professionellen Gebrauch. Kontakt mit den Augen des Tieres vermeiden.\u003cbr\u003eSollte der Wasserspender verstopft sein, reinigen Sie ihn ausschließlich mit heißem Wasser.\u003cbr\u003eEnthält die neueste Generation schonender Harze für die Haar von Tieren.\u003cbr\u003e \u003cbr\u003e \u003cspan style=\"background-color: #ffffff;\"\u003e\u003c\/span\u003ePerfekte Ergänzung zur Fellpflege bei großen Hunderassen. Ideal nach der Anwendung von Produkten wie Platynum Pro, Extra Body Cream und Multifix.\u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"200 ml","offer_id":37819466350771,"sku":"WEX-FSOE200 (13)","price":27.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/laquebrillantFinalFixSoft.png?v=1675852089"},{"product_id":"laque-final-fix-strong-ecologique","title":"FINAL FIX STRONG Ökologischer Lack","description":"\u003cp\u003eStarker Haarspray für optimalen Halt im Fell. Rückstandsfrei und schonend für das Haar.\u003c\/p\u003e \u003cbr\u003e \u003cdiv\u003eFINAL FIX STRONG ECOLOGIC: Starker und schneller Halt, trocknet schnell, lässt sich leicht mit einem Pinsel entfernen und hinterlässt keine Rückstände. Ideal für alle Deckhaare von Shih Tzu, Malteser, Yorkshire Terrier und Pudel sowie für kunstvolle asiatische Frisuren.\u003cbr\u003e\u003cbr\u003e \u003c\/div\u003e \u003cp\u003eSprühen Sie das Produkt auf die Spitze des Kamms und formen Sie die Oberseite, indem Sie das Haar fixieren, um ein perfektes Endergebnis zu erzielen.\u003c\/p\u003e \u003cdiv\u003eAnschließend aus einer Entfernung von etwa 20-30 cm direkt auf das Fell sprühen.\u003c\/div\u003e \u003cdiv\u003e \u003cbr\u003eNur für den professionellen Gebrauch. Kontakt mit den Augen des Tieres vermeiden.\u003cbr\u003eWenn der Wasserspender verstopft ist, reinigen Sie ihn mit heißem Wasser.\u003cbr\u003eEnthält natürliche Harze, die das Fell von Tieren nicht schädigen.\u003cbr\u003e\u003cbr\u003e \u003c\/div\u003e \u003cp\u003e\u003cbr\u003ePerfekte Ergänzung zur Fellpflege bei großen Hunderassen. Ideal nach der Anwendung von Produkten wie Platynum Pro, Extra Body Cream und Multifix. \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"200 ml","offer_id":37819466383539,"sku":"WEX-FSTE200 (120)","price":30.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/laquefinalFixStrong.png?v=1675852213"},{"product_id":"laque-final-fix-strong-gaz","title":"FINAL FIX STRONG Gaslack","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eAEROSOLLACK\u003c\/strong\u003e ist der Special One Profi-Lack \u003cstrong\u003estarke Befestigung\u003c\/strong\u003e und mikrofeine Diffusion für ein unsichtbares Ergebnis. Maximales Volumen, maximaler Halt – ohne das Haar zu beschweren, ohne Rückstände. Das unverzichtbare Produkt zum Fixieren und Stylen des Fells bei Wettbewerben.\u003c\/div\u003e \u003cdiv style=\"background: #fffbe6; border: 1px solid #f0e040; padding: 14px 18px; margin-bottom: 20px; font-size: 13px; border-radius: 2px;\"\u003e⚠️ \u003cstrong\u003eDieses Produkt ist ausschließlich für den professionellen Gebrauch bestimmt.\u003c\/strong\u003e Vermeiden Sie den Kontakt mit den Augen des Tieres.\u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eDas Referenzprodukt für die Oberflächenbehandlung – für Profis und Wettbewerber.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- SACHVERSTAND \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px;\"\u003eDank seiner Technologie \u003cstrong\u003eMikro-Feindiffusion\u003c\/strong\u003e und zu seinem \u003cstrong\u003eunschädliche Naturharze\u003c\/strong\u003e, Special One Aerosol-Haarspray legt sich unsichtbar auf das Fell, fixiert dessen Struktur, ohne es zu beschweren. Es trocknet schnell, lässt sich leicht ausbürsten und hinterlässt keine Rückstände.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eStarke Fixierung:\u003c\/strong\u003e Es fixiert das Fell und erhält das Volumen über die Zeit.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMikrofeine Diffusion:\u003c\/strong\u003e Unsichtbares Ergebnis, ohne klebrigen Effekt oder sichtbare Rückstände.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eSchnelltrocknend:\u003c\/strong\u003e Sofortiger Halt für reibungsloses Arbeiten auf Messen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLeicht zu entfernen:\u003c\/strong\u003e Es lässt sich leicht mit einer Bürste entfernen, ohne dass ein weiteres Waschen erforderlich ist.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eNatürliche Harze:\u003c\/strong\u003e Schonende Formel für alle Fellarten.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- ZUSAMMENSETZUNG --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eZusammensetzung: Fokus auf natürliche Inhaltsstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine professionelle Formel, die maximalen Halt mit Schonung des Haares vereint.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Naturharze\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eNatürliche Fixiermittel, die die Haarfasern nicht schädigen, sorgen für starken Halt und ein unsichtbares Finish.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Mikrofeintechnologie\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eUltrafeine Diffusion für eine homogene und leichte Ablagerung – maximales Volumen ohne starke Auswirkungen oder Rückstände.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 1 🔥 Festsetzung \u0026amp; Volumen — Klassische Anwendung\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eAuf sauberem, gekämmtem Fell:\u003cbr\u003e\u003cbr\u003e1. Sprühen Sie das Haarspray aus einer Entfernung von etwa \u003cstrong\u003e20 bis 30 cm\u003c\/strong\u003e des Fells.\u003cbr\u003e2. Arbeit \u003cstrong\u003eAbschnitt für Abschnitt\u003c\/strong\u003e für eine homogene Ablagerung.\u003cbr\u003e3. Mit Kämmen und Bürsten in Form bringen, um das gewünschte Endergebnis zu erzielen.\u003cbr\u003e4. Kurz trocknen lassen – es härtet schnell aus.\u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eBeispiel 2 🔥 Top-Knot-Modellierung (Pudel, voluminöse Rassen)\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.5;\"\u003eGezielte Anwendung auf die Büschel- und Volumenbereiche:\u003cbr\u003e\u003cbr\u003e1. Nach dem Stylen des Dutts (Föhnen, Volumen hinzufügen) mit Haarspray besprühen \u003cstrong\u003e20-30 cm\u003c\/strong\u003e.\u003cbr\u003e2. Fixieren Sie die Frisur, indem Sie das Haar beim Stylen leicht mit den Fingern oder einem feinen Kamm festhalten.\u003cbr\u003e3. Bei Bedarf mit einem Pinsel nacharbeiten – der Lack lässt sich leicht neu positionieren, bevor er vollständig getrocknet ist.\u003cbr\u003e4. ⚠️ Wenn die Düse verstopft ist: Reinigen Sie den Diffusor mit\u003cstrong\u003eheißes Wasser\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ RICHTIGE ANWENDUNG VON HAARSPRAY IN DER LUFTSPRACHE:\u003c\/span\u003e \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e1️⃣ Immer auf das Haar auftragen \u003cstrong\u003esauber, trocken und gekämmt\u003c\/strong\u003e.\u003cbr\u003e2️⃣ Halten Sie das Spray bei \u003cstrong\u003e20-30 cm\u003c\/strong\u003e der Schale für eine homogene mikrofeine Diffusion.\u003cbr\u003e3️⃣ Arbeiten Sie in Zonen und gestalten Sie die Form \u003cstrong\u003evor dem vollständigen Trocknen\u003c\/strong\u003e um sich anzupassen.\u003cbr\u003e4️⃣ Am Ende der Sitzung mit einem Pinsel entfernen — \u003cstrong\u003eKein Nachwaschen erforderlich\u003c\/strong\u003e.\u003cbr\u003e5️⃣ Falls die Düse verstopft ist: reinigen mit\u003cstrong\u003eheißes Wasser\u003c\/strong\u003e.\u003cbr\u003e6️⃣ \u003cstrong\u003eNur für den professionellen Gebrauch\u003c\/strong\u003e — Vermeiden Sie den Kontakt mit den Augen des Tieres.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Perfekter Abschluss der Fellpflege für große Hunderassen. Ideal als letzter Schritt nach der Fellpflege... \u003cstrong\u003ePlatinum Pro\u003c\/strong\u003e, \u003cstrong\u003eExtra Körpercreme\u003c\/strong\u003e Und \u003cstrong\u003eMultifix\u003c\/strong\u003e.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Pudel – beim Vorführen und Halten des Haarknotens in Ausstellungen und Hundefriseurwettbewerben.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichons, Maltesers – Volumen und Pflege der Fellstruktur, Haarknoten\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Drahthaarige Terrier (West Highland, Scottish, Welsh…) – Korrektur der getrimmten Silhouette und\/oder Montage des Kopfes\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Shih-Tzu, Yorkshire – Haarknoten wird präsentiert.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Alle Rassen mit Volumen wurden im Wettbewerb präsentiert – unsichtbares professionelles Finish.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eNaturharze | Professionelle Anwendung | Recycelbares HDPE02\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37819478212787,"sku":"WEX-FESTG500 (121)","price":25.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-43.png?v=1651841359"},{"product_id":"masque-toilettage-argile-verte","title":"DETOX THERAPY masque pré-bain à l'argile verte","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eEntgiftungstherapie – Spezialbehandlung | Produktdatenblatt\u003c\/title\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eENTGIFTUNGSTHERAPIE\u003c\/strong\u003e Es handelt sich um die Special One Professional Pre-Bath Mask, die mit grüner Tonerde formuliert ist. \u003cem\u003edas „Land, das tausend Leiden heilt“\u003c\/em\u003e — um gegen die häufigsten Hauterkrankungen bei Hunden und Katzen vorzugehen. \u003cstrong\u003eReinigend, antiseptisch, regenerierend\u003c\/strong\u003e : Ein natürliches und wirksames Heilmittel ab der ersten Behandlung. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eJeder wird es als äußerst interessant empfinden – sowohl als Behandlungsmethode für Tiere mit Hautanomalien als auch als vorbeugende Maßnahme für prädisponierte Rassen.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eFormuliert mit\u003cstrong\u003eGrüner Ton mit kontrollierter Bakterienbelastung\u003c\/strong\u003e, Die Detox-Therapie ist reich an Spurenelementen und Mineralien und besitzt außergewöhnliche reinigende, straffende und Anti-Aging-Eigenschaften. Sie behandelt Hautunreinheiten. \u003cstrong\u003eunter Beibehaltung des Hydrolipidfilms\u003c\/strong\u003e — ohne die Haut zu reizen, selbst bei den empfindlichsten Tieren.\u003c\/p\u003e \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGesunde Haut:\u003c\/strong\u003e Behandelt Hautprobleme und erhält dabei den Hydrolipidfilm, ohne Irritationen zu verursachen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGeruchsabweisend:\u003c\/strong\u003e Bekämpfung von unangenehmen Gerüchen, die mit Hauterkrankungen und mangelhafter Talgproduktion zusammenhängen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eVielseitig :\u003c\/strong\u003e Hilft bei der Bekämpfung aller Formen von Haarausfall, Juckreiz, Reizungen und Hot Spots.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGründliche Desinfektion:\u003c\/strong\u003e Reinigt und regeneriert Zellen ab der ersten Behandlung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eNeuausrichtung:\u003c\/strong\u003e Reguliert überschüssigen Talg und bringt sowohl ölige als auch trockene Haut wieder ins Gleichgewicht.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGewebeoxygenierung:\u003c\/strong\u003e Strafft und stimuliert die kutane Mikrozirkulation, verbessert die Sauerstoffversorgung und Vitalität der Haut.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti Schuppen:\u003c\/strong\u003e Reguliert die Kopfhaut und reduziert Schuppen.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBeruhigend:\u003c\/strong\u003e Beruhigt gereizte oder reaktive Haut – ideal nach dem Wachsen oder kräftigem Bürsten.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEntgiftung \u0026amp; erfrischend:\u003c\/strong\u003e Reinigt gründlich und sorgt gleichzeitig für ein sofortiges Frischegefühl.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eUniversal:\u003c\/strong\u003e Geeignet für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine 100% natürliche Rezeptur, die auf die Reinigung, den Schutz und die Regeneration der Haut abzielt – ohne Parabene, ohne Silikone.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e\u0026amp; Grüner Ton (Fullererde)\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eMit kontrollierter Bakterienbelastung: absorbierend, antiseptisch und antibakteriell. Nimmt Talg und Unreinheiten auf, reinigt und regeneriert die Haut porentief.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Allantoin\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eBeruhigend und regenerierend – schützt die Haut vor Rötungen und Reizungen, fördert die Heilung empfindlicher Hautpartien.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Extrakt aus Fucus Vesiculosus-Algen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eReich an Meeresmineralien – verbessert die Hautelastizität, verleiht dem Fell Stärke und natürlichen Glanz.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Hydrolysiertes Kollagen\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eSpendet Feuchtigkeit und stärkt die Hautstruktur – verbessert die Elastizität und den allgemeinen Hautzustand.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Kalium\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eReguliert die Zellhydratation und erhält die Hautelastizität für ein geschmeidiges und widerstandsfähiges Fell.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Kalzium\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eStärkt die natürlichen Abwehrkräfte der Haut – hilft, besser vor äußeren Einflüssen und Reizungen zu schützen.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Reinigungskomplex\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eEin Komplex aus ausgleichenden Wirkstoffen, der die Haut lange sauber und frisch hält – bekämpft unangenehme Gerüche und Forfora.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 10px; padding: 12px 15px; background: #fff; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 \u003cstrong\u003eImmer auf trockenes, noch verschmutztes Fell auftragen.\u003c\/strong\u003e Vor dem Shampoonieren nicht ausspülen – das erste Shampoo wird direkt auf die noch getragene Maske aufgetragen. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 1 🔥 Standardanwendung – Hygiene \u0026amp; Reinigung\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e 1. Detox-Therapie mit Wasser verdünnen (\u003cstrong\u003e1\/10 bis 1\/20\u003c\/strong\u003e (je nach gewünschter Intensität) oder auftragen \u003cstrong\u003eRein auf Bereiche, die eine lokale und intensive Behandlung erfordern\u003c\/strong\u003e.\u003cbr\u003e 2. Auf trockenes, fettiges Haar auftragen. Sanft einmassieren, damit die Maske einziehen kann.\u003cbr\u003e 3. Lassen Sie es ruhen. \u003cstrong\u003e5 bis 10 Minuten\u003c\/strong\u003e.\u003cbr\u003e 4. Das Shampoo ohne vorheriges Ausspülen direkt auftragen. \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e auf der Maske.\u003cbr\u003e 5. Zum Schluss eine Spülung auftragen: \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e und\/oder \u003cstrong\u003eBombastisch\u003c\/strong\u003e. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Heilende Behandlung – Haarausfall, Juckreiz, Hotspots, Reizungen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Bezüglich Tieren mit gemeldeten Hautanomalien:\u003cbr\u003e 1. Die Maske auftragen. \u003cstrong\u003erein auf die betroffenen Bereiche\u003c\/strong\u003e (Hotspots, juckende Stellen, kahle Stellen).\u003cbr\u003e 2. Verdünnen auf \u003cstrong\u003e1\/10\u003c\/strong\u003e Zur Anwendung auf dem restlichen Körper.\u003cbr\u003e 3. Sanft einmassieren und einwirken lassen. \u003cstrong\u003e10 Minuten\u003c\/strong\u003e Mindestvoraussetzungen für maximale therapeutische Wirkung.\u003cbr\u003e 4. Gehen Sie direkt zu\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e ohne vorheriges Abspülen.\u003cbr\u003e Dieses Vorgehen kann bei jedem Bad wiederholt werden, bis eine sichtbare Verbesserung des Hautzustands eintritt. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Nachbehandlung nach der Haarentfernung \u0026amp; gesundes Nachwachsen\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Eine Entgiftungstherapie wird besonders empfohlen \u003cstrong\u003eunmittelbar nach der Haarentfernung\u003c\/strong\u003e :\u003cbr\u003e 1. Tragen Sie die Maske pur oder leicht verdünnt auf die noch trockenen, gewachsten Stellen auf.\u003cbr\u003e 2. Sanft einmassieren – grüne Tonerde beruhigt gereizte Haut nach der Haarentfernung sofort.\u003cbr\u003e 3. 5 bis 10 Minuten einwirken lassen, dann fortfahren mit\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e ohne Abspülen.\u003cbr\u003e Die reinigende und regenerierende Wirkung von Ton bereitet die Haarfollikel vor auf \u003cstrong\u003egesundes und qualitativ hochwertiges Nachwachsen\u003c\/strong\u003e. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eDie gesamte Special One-Produktreihe ist mit der Detox-Therapie kompatibel. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e 🤝 \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e im Shampoo (eine Kombination wird stets empfohlen) 🤝 \u003cstrong\u003eFeuchtigkeitscreme, Bombastic, Aqua Dolce\u003c\/strong\u003e in der endgültigen Maske \u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Katzen und Hunde, die die oben genannten Hautanomalien aufweisen – kurative Anwendung.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Rassen, die gewachst werden – sofortige Nachbehandlung nach dem Wachsen für ein schönes Nachwachsen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee; font-weight: 600; font-size: 12px; color: #555; text-transform: uppercase; letter-spacing: 0.05em;\"\u003eRassen, für die eine vorbeugende Anwendung empfohlen wird\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Französische Bulldogge \u0026amp; Möpse – Haut mit Falten, Seborrhö und häufigen Reizungen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Chinesischer Schopfhund – nackte Haut besonders anfällig für Aggressionen.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Golden Retriever – neigt zu Hautreizungen und übermäßiger Talgproduktion.\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Shar-Pei — Haut mit tiefen Falten, anfällig für Infektionen und Hautungleichgewichte.\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von Parabenen, DEA und Silikonen | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"5 Litres","offer_id":37819484995763,"sku":"WAQ-GRCL5000 (127)","price":152.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":57210676511065,"sku":"(80)","price":52.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_9.png?v=1771968021"},{"product_id":"aquaterme-argile-verte","title":"AQUA TERME PRO, shampoing soin à l'argile","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUA TERME PRO\u003c\/strong\u003e ist das Special One Professional Shampoo, das mit\u003cstrong\u003egrüner Ton und Minze\u003c\/strong\u003e, Speziell für Haut, die einer Behandlung bedarf. \u003cstrong\u003ereinigt und klärt porentief\u003c\/strong\u003e unter Schonung des Hydrolipidfilms – ohne Kompromisse beim Ergebnis: hervorragende Optik und perfektes Föhnergebnis. \u003c\/div\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e Es ist auch \u003cstrong\u003eDas ideale Shampoo für Hunde mit Geruchsproblemen\u003c\/strong\u003e : Dank Aqua Terme beendet jeder die Körperpflege mit einem herrlich frischen Duft. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden – \u003cstrong\u003eHeilmittel\u003c\/strong\u003e bei Tieren mit Hautanomalien und bei \u003cstrong\u003epräventiv\u003c\/strong\u003e bei entsprechend veranlagten Rassen.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDank seines Inhalts \u003cstrong\u003egrüner Ton und Minzextrakt\u003c\/strong\u003e, Aqua Terme Pro reinigt porentief, beruhigt trockene oder empfindliche Haut und verleiht stumpfem Fell neuen Glanz und Frische. Die Pflegeformel beeinträchtigt die Fellpflege nicht. \u003cstrong\u003eTherapeutische Wirkung und makellose visuelle Ergebnisse gehen Hand in Hand.\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGesunde Haut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBehandelt Hautprobleme und erhält dabei den Hydrolipidfilm, ohne Irritationen zu verursachen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 8h9a2 2 0 1 0-2-2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12h13a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16h7a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGeruchsresistent\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBekämpft unangenehme Gerüche, die mit Hauterkrankungen und Talgproduktion zusammenhängen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l9 5-9 5-9-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 13l9 5 9-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVielseitig\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eHilft bei der Bekämpfung von Haarausfall, Juckreiz, Reizungen und Hot Spots.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHygiene \u0026amp; Reinigung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und regeneriert die Zellen bereits ab der ersten Anwendung tiefenwirksam.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti Schuppen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReguliert die Kopfhaut und reduziert Schuppenbildung deutlich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBeruhigend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBeruhigt gereizte oder reaktive Haut – ideal nach dem Wachsen oder kräftigem Bürsten.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSüßigkeiten \u0026amp; Frische\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht stumpfem, leblosem Fell neuen Glanz und Frische.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M6 15l6-6 6 6\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 9l6-6 6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDas Tragen von feinen Pelzen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht sehr feinem, kraftlosem Haar Fülle (z. B. grauen, roten Pudeln).\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 8;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEntgiftung \u0026amp; erfrischend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBeseitigt Giftstoffe und Hautunreinheiten und sorgt für ein sofortiges Frischegefühl.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 9;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1.2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSpitz-X-Alopezie\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEmpfohlen zur wöchentlichen Anwendung im Rahmen des Nachsorge- und Nachwuchsprotokolls.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 10;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"9\" cy=\"13\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"16\" cy=\"9\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17.5\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAußergewöhnlicher Schaumstoff\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eMousse eignet sich hervorragend für den Einsatz in Salons: einfache Anwendung und gute Verteilung der Wirkstoffe.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 11;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"9\" r=\"5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9 13.5L7.5 21 12 18.5 16.5 21 15 13.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eProfessionelles Ergebnis\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eKompromisslose Pflegewirkung – umwerfendes Aussehen und perfektes Föhnergebnis.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise von Aqua Terme Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Soin peau\", value: 5 }, { label: \"Volume\", value: 4 }, { label: \"Moussant\", value: 4 }, { label: \"Texture\", value: 3 }, { label: \"Hydratation\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS active Aqua Terme Pro - zuverlässig) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Aqua Terme Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEin vollständig natürlicher Mineral- und Pflanzenkomplex — \u003cstrong\u003eGrüner Ton, Minze und reinigende Pflanzen\u003c\/strong\u003e, Frei von SLS, Parabenen und Silikonen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken – Zone für Zone.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aqua Terme Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'argile', label:'Argile Verte', latin:'Fuller’s Earth', family:'aqua',\n desc:\"Argile minérale antibactérienne et absorbante : elle purifie la peau en profondeur, capte le sébum en excès et régénère les cellules cutanées.\",\n targets: [\n { anchor:'glande_seb', action:\"Capture du sébum\", benefit:\"Absorbe l'excès de sébum et assainit les glandes sébacées.\" },\n { anchor:'epiderme', action:\"Purification profonde\", benefit:\"Capte impuretés et toxines, puis régénère les cellules de surface.\" }\n ]\n },\n {\n id:'mineral', label:'Complexe Minéral', latin:'Fer · Calcium · Silicium · Magnésium · Potassium', family:'aqua',\n desc:\"Oligo-éléments essentiels qui reminéralisent la peau, renforcent le manteau et lui restituent force et brillance naturelle.\",\n targets: [\n { anchor:'derme', action:\"Reminéralisation\", benefit:\"Apporte les oligo-éléments qui renforcent la structure cutanée en profondeur.\" },\n { anchor:'tige_poil', action:\"Force \u0026 brillance\", benefit:\"Restitue résistance et brillance naturelle au manteau.\" }\n ]\n },\n {\n id:'menthe', label:'Menthol \u0026 Huile de Tea Tree', latin:'Mentha \u0026 Melaleuca', family:'botanic',\n desc:\"Duo rafraîchissant, lénitif et purifiant : effet immédiat de bien-être qui apaise les irritations cutanées.\",\n targets: [\n { anchor:'epiderme', action:\"Fraîcheur \u0026 lénifiant\", benefit:\"Sensation de fraîcheur immédiate qui apaise les irritations.\" },\n { anchor:'film_hydro', action:\"Purifiant doux\", benefit:\"Assainit la surface tout en respectant le film protecteur.\" }\n ]\n },\n {\n id:'romarin', label:'Romarin', latin:'Rosmarinus officinalis', family:'botanic',\n desc:\"Tonique végétal qui fortifie le poil et améliore la microcirculation cutanée : il favorise un manteau plus résistant et lumineux.\",\n targets: [\n { anchor:'follicule', action:\"Stimulation de la pousse\", benefit:\"Active la microcirculation autour du follicule et favorise une repousse vigoureuse.\" },\n { anchor:'tige_poil', action:\"Fortifie le poil\", benefit:\"Renforce la fibre pour un manteau résistant et lumineux.\" }\n ]\n },\n {\n id:'ortie', label:\"Extrait d'Ortie\", latin:'Urtica dioica', family:'bio',\n desc:\"Plante séborégulatrice et anti-pelliculaire : elle régule la production de sébum et stimule la régénération cutanée.\",\n targets: [\n { anchor:'glande_seb', action:\"Séborégulation\", benefit:\"Régule la production de sébum à la source.\" },\n { anchor:'epiderme', action:\"Anti-pelliculaire\", benefit:\"Stimule la régénération cutanée et réduit les squames.\" }\n ]\n },\n {\n id:'biotine', label:'Biotine \u0026 Niacinamide', latin:'Vitamines B7 \u0026 B3', family:'bio',\n desc:\"Duo réparateur essentiel : renforce la structure du poil, stimule la croissance et réduit les pellicules.\",\n targets: [\n { anchor:'bulbe', action:\"Croissance du poil\", benefit:\"Nourrissent le bulbe et stimulent la pousse d'un poil plus fort.\" },\n { anchor:'tige_poil', action:\"Renfort structural\", benefit:\"Renforcent la structure de la fibre de l'intérieur.\" }\n ]\n },\n {\n id:'citron', label:'Citron \u0026 Piroctone Olamine', latin:'Citrus limon \u0026 actif assainissant', family:'cond',\n desc:\"Action déodorante, antibactérienne et protectrice : neutralise les mauvaises odeurs et protège la peau des agents externes.\",\n targets: [\n { anchor:'glande_sud', action:\"Action déodorante\", benefit:\"Neutralise les mauvaises odeurs liées aux déséquilibres cutanés.\" },\n { anchor:'epiderme', action:\"Protection antibactérienne\", benefit:\"Protège la peau des agents externes et limite la prolifération bactérienne.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil auf 20 Teile Wasser\u003cbr\u003e— oder rein\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eSchnelle Pflege \u0026amp; Haut beruhigen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür ein wirksames und wohltuendes tägliches Bad\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eErstes Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie das Bad direkt mit dem\u003cstrong\u003eAqua Terme Pro verdünnt\u003c\/strong\u003e Auf nassem Fell anwenden. Ausspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eZweite Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWenden Sie eine an \u003cstrong\u003ezweites Shampoo\u003c\/strong\u003e, anschließend erneut abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbschluss\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eZum Schluss den passenden Conditioner auftragen: \u003cstrong\u003eFeuchtigkeitscreme, Bombastic oder Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eBad \u0026amp; Tiefenbehandlung – für Haut, die intensive Pflege benötigt\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eBei Haut mit ausgeprägten Hautanomalien\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetox-Maske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDie Maske vor dem Baden auftragen. \u003cstrong\u003e10-minütige Entgiftungstherapie\u003c\/strong\u003e auf trockenem Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBehandlung ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGehen Sie direkt zu\u003cstrong\u003eAqua Terme Pro No-Rinse\u003c\/strong\u003e zwischen den beiden Phasen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDoppelte Haarwäsche \u0026amp; gelegt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAusspülen und anschließend erneut shampoonieren. \u003cstrong\u003e5 Minuten einwirken lassen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eRestaurative Oberfläche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme + 4 Elementöle\u003c\/strong\u003e, Spülen Sie anschließend die Spülung aus.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Aqua Terme Pro in seiner Basis + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit Aqua Terme Pro kompatibel. Unsere Lieblingskombinationen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Tauchermaske ist vor dem Schwimmen unerlässlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eEntgiftungstherapie\u003c\/strong\u003e (immer empfehlenswert)\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine letzte Behandlung ist notwendig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce Bombastic Feuchtigkeitscreme\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDie Haut reagiert sehr stark…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme + 4 Elementöle\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Aqua Terme Pro den Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦊 Spitz · Alopezie X \u003cspan\u003e(wöchentliches Bad: Outfit, Wachstum) \u0026amp; Dichte)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Graue, rote Pudel \u0026amp; wilde Tiere \u003cspan\u003e(feines Haar: halten) \u0026amp; (Nachwachsen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Katzen \u0026amp; Hunde mit Hautanomalien \u003cspan\u003e(Heilanwendung)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Rennen, die gewachst sind \u003cspan\u003e(Nachwachsen nach der Haarentfernung)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Französische Bulldogge \u0026amp; Möpse \u003cspan\u003e(Falten, Seborrhö, Reizungen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Chinesischer Schopfhund \u003cspan\u003e(unbedeckte, nackte Haut)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦮 Golden Retriever \u003cspan\u003e(Reizungen) \u0026amp; (überschüssiger Talg)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Shar-Pei \u003cspan\u003e(tiefe Falten, Hautungleichgewichte)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eNicht abschließende Liste – sowohl zur kurativen als auch zur präventiven Anwendung bei empfindlicher und prädisponierter Haut.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLS, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":57191767540057,"sku":"(77)","price":51.5,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819485028531,"sku":"WAQ-AQTE5000 (153)","price":144.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_7.png?v=1771967768"},{"product_id":"aquadolce-apres-shampoing-chien","title":"AQUA DOLCE","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUA DOLCE\u003c\/strong\u003e ist ein \u003cstrong\u003eAußergewöhnliche, revitalisierende und pflegende Conditioner-Maske\u003c\/strong\u003e. Es wurde speziell für alle Felltypen entwickelt und bietet eine intensive Wirkung. \u003cstrong\u003eum die Vitalität und Festigkeit von gestresstem Fell wiederherzustellen\u003c\/strong\u003e. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden! Es ist das \u003cstrong\u003eDie ultimative Allzweckbehandlung\u003c\/strong\u003e für die \u003cem\u003emanti crespi\u003c\/em\u003e (lockig) und vom Bürsten oder dem Klima müde.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDank seines Managements der \u003cstrong\u003eHaarpermeabilität\u003c\/strong\u003e, Aqua Dolce stellt die \u003cstrong\u003ekräuseln\u003c\/strong\u003e und Faserermüdung \u003cstrong\u003eohne jemals einzufetten\u003c\/strong\u003e. Es restrukturiert das Haar nach dem Sommer oder intensivem Bürsten.\u003c\/p\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 12h18M12 3v18M5 8l14 0M5 16l14 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUmmantelung \u0026amp; Outfit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErhöht den Glanz und sorgt für ein \u003cstrong\u003everbesserte Pflegeergebnisse\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 12c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16c2-3 4-3 6 0s4 3 6 0 4-3 6 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Frizz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eBeseitigt sofort Frizz\u003c\/strong\u003e und bändigt das Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 4h16v6M4 4v3M8 4v3M12 4v3M16 4v3M20 4v3M4 10h16l-2 10H6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEntwirren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErleichtert das Kämmen und \u003cstrong\u003everhindert die Rückkehr der Knoten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eReparieren\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eStellt die Vitalität wieder her und \u003cstrong\u003eBehandelt Spliss\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSchutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eSchild\u003c\/strong\u003e gegen chemische und Umwelteinflüsse.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise von Aqua Dolce besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Démêlant\", value: 4 }, { label: \"Hydratation\", value: 5 }, { label: \"Brillance\", value: 3 }, { label: \"Volume\", value: 1 }, { label: \"Soin peau\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Aqua Dolce aktives JS-MAPPING - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Aqua Dolce: 4 Paare synergistischer Wirkstoffe\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003eFormel angereichert mit hochwertigen Proteinen und wohltuenden Pflanzenextrakten\u003c\/strong\u003e — vier Paare von Vermögenswerten mit sich ergänzenden Eigenschaften.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’Aqua Dolce\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'soie', label:'Soie \u0026amp; Lait', latin:'Protéines nobles', family:'aqua',\n desc:\"Duo de protéines structurantes : la \u003cstrong\u003esoie\u003c\/strong\u003e lisse et apporte une brillance immédiate ; le \u003cstrong\u003elait\u003c\/strong\u003e nourrit et offre une action \u003cstrong\u003eanti-fatigue instantanée\u003c\/strong\u003e.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition profonde\", benefit:\"Nourrit la fibre et restaure la vitalité des longueurs fatiguées.\" },\n { anchor:'cuticule', action:\"Lissage anti-fatigue\", benefit:\"Lisse la cuticule — le poil retrouve sa cohésion immédiatement.\" }\n ]\n },\n {\n id:'canneberge', label:'Canneberge \u0026amp; Aloe Vera', latin:'Antioxydants \u0026amp; hydratant', family:'botanic',\n desc:\"Duo régénérant : la \u003cstrong\u003ecanneberge\u003c\/strong\u003e antioxydante purifie ; l’\u003cstrong\u003ealoe vera\u003c\/strong\u003e hydrate et apporte une hydratation régénérante.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation régénérante\", benefit:\"Restaure l’hydratation profonde du film hydrolipidique.\" },\n { anchor:'epiderme', action:\"Purification antioxydante\", benefit:\"Purifie le terrain cutané et le protège du stress oxydatif.\" }\n ]\n },\n {\n id:'ginseng', label:'Ginseng \u0026amp; Bouleau', latin:'Plantes toniques', family:'bio',\n desc:\"Duo dynamisant : le \u003cstrong\u003eginseng\u003c\/strong\u003e tonifie le pelage ; le \u003cstrong\u003ebouleau\u003c\/strong\u003e stimule la croissance et soutient un poil fort et vital.\",\n targets: [\n { anchor:'derme', action:\"Tonification cutanée\", benefit:\"Tonifie le derme et soutient une croissance forte du poil.\" },\n { anchor:'epiderme', action:\"Stimulation racinaire\", benefit:\"Active la microcirculation et apporte vigueur au pelage.\" }\n ]\n },\n {\n id:'camomille', label:'Camomille \u0026amp; Genévrier', latin:'Apaisants \u0026amp; détoxifiants', family:'cond',\n desc:\"Duo apaisant : la \u003cstrong\u003ecamomille\u003c\/strong\u003e apaise et adoucit ; le \u003cstrong\u003egenévrier\u003c\/strong\u003e détoxifie et apporte une fraîcheur immédiate.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement cutané\", benefit:\"Apaise les zones réactives et apporte un confort durable.\" },\n { anchor:'glande_sud', action:\"Détoxification\", benefit:\"Soutient le drainage cutané et apporte une fraîcheur ressentie.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- STORYTELLING-EINSCHUB: Haarpermeabilitätssignatur --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e💧 Die Aqua Dolce-Signatur\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eRegulierung der Haarpermeabilität\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eEin gesundes Fell hat ein \u003cstrong\u003eausgeglichene Permeabilität\u003c\/strong\u003e : Weder zu geschlossen (brüchig, stumpf) noch zu offen (trocken, kraus, strapaziert). Wenn Sommer, trockenes Wetter oder intensives Bürsten dieses Gleichgewicht stören, wird das Fell \u003cem\u003eGetränke\u003c\/em\u003e Zu viel davon und verliert seinen Zusammenhalt. Aqua Dolce \u003cstrong\u003estellt diese optimale Durchlässigkeit wieder her\u003c\/strong\u003e dank seines Seidenduos \u0026amp; Milch – das Haar gewinnt seine Elastizität zurück, seine Frizz verschwindet. \u003cstrong\u003eohne jemals einzufetten\u003c\/strong\u003e.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Verdünnung P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 Teelöffel bis 1 Esslöffel\u003cbr\u003epro Liter — oder rein\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 l\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cdiv\u003e \u003cspan class=\"aqr-proto-title\"\u003eSchnelles Styling oder Volumenvergrößerung\u003c\/span\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eZwei Modi, je nach gewünschtem Ergebnis\u003c\/p\u003e \u003c\/div\u003e \u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eKlassische Behandlungsmethode – Stärkung der Rumpfmuskulatur\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünnen \u003cstrong\u003e1 c.Esslöffel\/Liter lauwarmes Wasser\u003c\/strong\u003e. Auf die Längen auftragen, einmassieren und durchkämmen. \u003cstrong\u003eNicht abspülen\u003c\/strong\u003e für maximale Umhüllung (kann bis zum reinen Produkt verwendet werden).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eUmhülltes Volumen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünnen \u003cstrong\u003e1 TL\u003c\/strong\u003e in der benötigten Wassermenge. Einweichen lassen. \u003cstrong\u003e2 Minuten\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülen Sie gemäß der Methode\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eModus A: Kein Spülen. Modus B: \u003cstrong\u003eGründlich abspülen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cdiv\u003e \u003cspan class=\"aqr-proto-title\"\u003eKlempner- oder Reparaturarbeiten\u003c\/span\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür beschädigte Stellen und gespaltene Enden\u003c\/p\u003e \u003c\/div\u003e \u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBeschädigte Bereiche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eProdukt auftragen \u003cstrong\u003erein direkt auf der Fläche\u003c\/strong\u003e. Lass es ruhen \u003cstrong\u003e5 Minuten\u003c\/strong\u003e anschließend schnell abspülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGespaltene Enden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAuf handtuchtrockenes Haar auftragen. \u003cstrong\u003eeine kleine Menge reines Produkt nur an den Enden vor dem Trocknen auftragen.\u003c\/strong\u003e. \u003cstrong\u003eKein Abspülen erforderlich.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cdiv\u003e \u003cspan class=\"aqr-proto-title\"\u003eMehrzweckbürste \u0026amp; Papillotes\u003c\/span\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eDie Vielseitigkeit von Aqua Dolce\u003c\/p\u003e \u003c\/div\u003e \u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBürstenspray\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerwenden Sie Aqua Dolce \u003cstrong\u003everdünnt in einem Pinselspray\u003c\/strong\u003e um das Fell zwischen den Bädern zu pflegen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003ePapillotes\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBenutze es \u003cstrong\u003erein in Folienbeuteln\u003c\/strong\u003e zum Schutz des wachsenden Fells.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 18px; padding: 14px 18px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e 💡 \u003cstrong\u003ePROFI-TIPP:\u003c\/strong\u003e zum Ergebnis \u003cstrong\u003eDie ultimative \u0026quot;Show\u0026quot;\u003c\/strong\u003e, Aqua Dolce mischen mit \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e Oder \u003cstrong\u003eBombastisch\u003c\/strong\u003e. \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Villanelle im Mittelpunkt + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e🤝 \u003cstrong\u003eLieblingsallianzen\u003c\/strong\u003e : \u003cstrong\u003eBain Pro\/Aquarosa Pro\u003c\/strong\u003e (Shampoos), \u003cstrong\u003eBioenergie\u003c\/strong\u003e (vor dem Baden), \u003cstrong\u003eMix Pink\/Aqua Beauty\u003c\/strong\u003e (Abschluss).\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eMaximale gewünschte Rumpffestigkeit…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 EL\/L — kein Abspülen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003egewünschtes Volumen und Form…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 c.Kaffee\/L — vollständiges Spülen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eLokale Schadensbereiche…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eReines Produkt, 5 Minuten einwirken lassen, schnell abspülen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDas ultimative \u0026quot;Show\u0026quot;-Ergebnis...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMit Feuchtigkeitscreme oder Bombastic mischen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eTägliche Pflege zwischen den Bädern…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003everdünntes Bürstenspray\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eHaarwickel für wachsendes Fell…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003ePure Aqua Dolce in Folienbeuteln\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Aqua Dolce den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen \u003cspan\u003e(Entfettungs- und Glättungswirkung)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Langes Fell \u0026amp; seidig \u003cspan\u003e(Yorkshire Terrier, Shih Tzu, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Doppelte Schicht \u0026amp; Primitive \u003cspan\u003e(Spitz, Schäferhunde, Samojeden, Collies)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eDie ultimative Allzweckpflege – von der Schoßkatze bis zum Ausstellungschampion.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"150 mL","offer_id":37819485061299,"sku":"WAQ-AQDO150 (52)","price":32.9,"currency_code":"EUR","in_stock":true},{"title":"500 mL","offer_id":37819485094067,"sku":"WAQ-AQDO500 (50)","price":61.9,"currency_code":"EUR","in_stock":true},{"title":"3 Litres","offer_id":37819485126835,"sku":"WAQ-AQDO3000 (53)","price":236.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Aquadolce_277ac638-ccea-49be-b87b-7ea4375c936b.png?v=1680188686"},{"product_id":"huiles-essentielles-chien-special-one","title":"Mix Calmant - MARI PINTAU - Huiles Essentielles de Sardaigne","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBERUHIGENDE MISCHUNG — MARI PINTAU\u003c\/strong\u003e ist die\u003cstrong\u003eWaschöl\u003c\/strong\u003e Special One, inspiriert von der sardischen Küste, widmet sich Pelzen, die Pflege benötigen. \u003cstrong\u003eund beruhigte\u003c\/strong\u003e. Dank seiner Mischung aus ätherischen Ölen wirkt es als \u003cstrong\u003eBeruhigungsmittel\u003c\/strong\u003e sowohl auf die Haut als auch auf die Stimmung unruhiger oder nervöser Hunde und Katzen – und lindert Rötungen.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas von echtem Interesse finden – besonders wertvoll für die \u003cstrong\u003eUnruhige, nervöse Tiere oder Tiere mit empfindlicher, geröteter Haut\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDieses Reinigungsöl verleiht dem Fell die Geschmeidigkeit polierter Kieselsteine, die in das intensive Blau des Meeres von Sardinien eintauchen. \u003cstrong\u003eätherische Ölmischung\u003c\/strong\u003e Es wirkt beruhigend auf Haut, Fell und Stimmung des Tieres – das heiße Wasser setzt den Duft frei und aktiviert die positiven Eigenschaften, wie bei einem uralten Schönheitsritual.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e dieses Produkt, wenn die Haut \u003cstrong\u003ereagieren\u003c\/strong\u003e oder Geschenke \u003cstrong\u003eLäsionen oder Wunden\u003c\/strong\u003e — Ätherische Öle könnten brennen oder die Reizung verschlimmern.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSanftes Bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEin besonders sanftes Bad für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eReinigende Säuberung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und klärt die Haut porentief, ohne sie zu reizen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti Schuppen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReguliert die Schuppenbildung und reduziert Schuppen bei müder Haut.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMischhaut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEs hilft sowohl dehydrierter als auch fettiger Haut, indem es das Gleichgewicht wiederherstellt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSüßigkeiten \u0026amp; Frische\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht stumpfen Mänteln Weichheit und Frische – das Fell gewinnt seine Geschmeidigkeit zurück.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGerötete Haut \u0026amp; empfindlich\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIdeal zur Beruhigung geröteter und empfindlicher Haut, ausgenommen Läsionen oder aktive Wunden.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise der Beruhigungsmischung besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Hydratation\", value: 5 }, { label: \"Démêlant\", value: 3 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS active Calming Mix - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung der Beruhigungsmischung: ätherische Öle \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003ekonzentrierte Mischung ätherischer Öle\u003c\/strong\u003e Mit beruhigenden, antiseptischen und duftenden Eigenschaften – frei von Parabenen und Silikonen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Calmant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'genevrier', label:'Genévrier', latin:'Juniperus communis', family:'botanic',\n desc:\"Huile essentielle aux propriétés antiseptiques et curatives : elle assainit la peau en surface et soutient sa cicatrisation naturelle.\",\n targets: [\n { anchor:'epiderme', action:\"Action antiseptique\", benefit:\"Assainit la peau en surface et soutient sa résistance naturelle.\" },\n { anchor:'glande_seb', action:\"Soin curatif\", benefit:\"Aide à rééquilibrer le film cutané et favorise la régénération.\" }\n ]\n },\n {\n id:'camomille', label:'Camomille Romaine', latin:'Chamaemelum nobile', family:'botanic',\n desc:\"Huile essentielle anti-douleur et profondément calmante : elle apaise les peaux sensibles et les sujets nerveux ou agités.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement\", benefit:\"Apaise les peaux sensibles et réduit les irritations cutanées.\" },\n { anchor:'derme', action:\"Effet calmant profond\", benefit:\"Détend l’animal en profondeur — effet calmant sur l’humeur.\" }\n ]\n },\n {\n id:'lavande', label:'Lavande', latin:'Lavandula angustifolia', family:'botanic',\n desc:\"Huile essentielle analgésique et antispasmodique : elle relaxe la peau et participe au bien-être global de l’animal.\",\n targets: [\n { anchor:'epiderme', action:\"Analgésique\", benefit:\"Soulage les sensations désagréables et détend la peau.\" },\n { anchor:'glande_sud', action:\"Effet antispasmodique\", benefit:\"Relâche les tensions cutanées et favorise la détente générale.\" }\n ]\n },\n {\n id:'pin_orange', label:'Pin Sylvestre \u0026amp; Orange Douce', latin:'Pinus sylvestris \u0026amp; Citrus sinensis', family:'cond',\n desc:\"Duo aromatique purifiant et parfumant : il assainit la peau en douceur et confère au manteau un parfum frais et enveloppant.\",\n targets: [\n { anchor:'tige_poil', action:\"Parfum durable\", benefit:\"Diffuse un parfum frais et apaisant qui imprègne la fibre.\" },\n { anchor:'cuticule', action:\"Purification \u0026 toucher\", benefit:\"Purifie la surface du poil et améliore le toucher du manteau.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Hinweis: Kein eigenständiges Shampoo, sondern eine Ergänzung zu einer Shampoo-\/Maskenbehandlung. --\u003e\u003c!-- Erinnerung ❌ empfindliche Haut --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e wenn die Haut reaktiv ist oder aktive Läsionen oder Wunden aufweist.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eWohltuende Reinigungsbehandlung als Ergänzung zum Bad\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eWie Sie die beruhigende Mischung in ein besonderes Baderitual integrieren können\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetox-Maske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie mit einer Maske vor dem Baden. \u003cstrong\u003eEntgiftungstherapie\u003c\/strong\u003e zur Vorbereitung von Haut und Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung als ergänzende Wäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFüge die Beruhigungsmischung hinzu. \u003cstrong\u003ezusätzlich zu Shampoo oder einer Maske vor dem Baden\u003c\/strong\u003e. Heißes Wasser setzt den Duft frei und aktiviert die wohltuende Wirkung der ätherischen Öle.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; gelegt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSanft einmassieren, um die ätherischen Öle zu verteilen. Einige Minuten einwirken lassen – das Tier entspannt sich, die Haut beruhigt sich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBeruhigender Ausklang\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbspülen, dann abschließend mit \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Oder \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e als letzte Maske, um das Wohlbefinden zu verlängern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Beruhigende Herzmischung + Modulare Nahrungsergänzungsmittel Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit der Beruhigungsmischung kompatibel.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eEntgiftungstherapie im Vorfeld\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine wohltuende Schlussbehandlung ist unerlässlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce oder Feuchtigkeitscreme\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDie Haut reagiert oder weist Läsionen auf…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNicht verwenden – stattdessen Skincare Pro oder Aqua Baby Paw verwenden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo die beruhigende Mischung einen Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle Hunde im Wohnzimmer \u003cspan\u003e(um zu vermeiden, dass die Knoten zu schnell zurückkehren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Völker \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Englische Zwergspaniel \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langes Fell \u0026amp; seidig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEine lange und nicht vollständige Liste – ein wohltuendes Ritual aus Sardinien, das in allen Bädern praktiziert werden sollte.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 mL","offer_id":37820003713203,"sku":"WEO-MAR500 (21)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-32.png?v=1666345194"},{"product_id":"huiles-essentielles-chien-special-one-1","title":"Mix Tonifant - PORTOFINO - Huiles Essentielles de Ligurie","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eINVOLVING MIX — PORTOFINO\u003c\/strong\u003e ist die\u003cstrong\u003eWaschöl\u003c\/strong\u003e Special One, inspiriert von ligurischen Düften, ist Pelzen gewidmet, die gepflegt werden müssen. \u003cstrong\u003ebelebt\u003c\/strong\u003e. Es eignet sich für stumpfes Fell und trockene Haut und beruhigt dank seiner Mischung aus ätherischen Ölen auch aufgeregte oder nervöse Personen.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas von echtem Interesse finden – besonders wertvoll für die \u003cstrong\u003efahle, müde oder dehydrierte Haut\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDieses Reinigungsöl verleiht dem Haar eine \u003cstrong\u003eEine Brillanz, inspiriert von den Düften und Farben Liguriens\u003c\/strong\u003e, die die Straßen verzauberter Dörfer berauschen. \u003cstrong\u003eätherische Ölmischung\u003c\/strong\u003e Wirkt sowohl stärkend als auch beruhigend – auf die Haut, das Fell und die Stimmung des Tieres.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e dieses Produkt, wenn die Haut \u003cstrong\u003ereagieren\u003c\/strong\u003e oder Geschenke \u003cstrong\u003eLäsionen oder Wunden\u003c\/strong\u003e — Ätherische Öle könnten brennen oder die Reizung verschlimmern.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSanftes Bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEin besonders sanftes Bad für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eReinigende Säuberung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und klärt die Haut porentief, ohne sie zu reizen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMischhaut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEs hilft sowohl dehydrierter als auch fettiger Haut, indem es das Gleichgewicht wiederherstellt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSüßigkeiten \u0026amp; Frische\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht stumpfen Mänteln Weichheit und Frische – das Fell gewinnt seine Geschmeidigkeit zurück.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eGlanz wiederhergestellt\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht dem Fell einen strahlenden und natürlichen Glanz, als ob es von innen heraus leuchten würde.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise der Energiemischung besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Hydratation\", value: 5 }, { label: \"Démêlant\", value: 3 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: KOMPOSITION (MAPPING JS aktive Tonmischung - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung der Tonisierungsmischung: ätherische Öle \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003ekonzentrierte Mischung ätherischer Öle\u003c\/strong\u003e Mit beruhigenden, antiseptischen und duftenden Eigenschaften – frei von Parabenen und Silikonen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Tonifiant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'romarin', label:'Romarin', latin:'Rosmarinus officinalis', family:'botanic',\n desc:\"Huile essentielle stimulante : elle réveille la circulation cutanée et redonne du tonus à la peau et au poil.\",\n targets: [\n { anchor:'epiderme', action:\"Effet stimulant\", benefit:\"Réveille la peau et active la microcirculation cutanée.\" },\n { anchor:'tige_poil', action:\"Vitalité de la fibre\", benefit:\"Redonne du tonus et de la vitalité à la fibre fatiguée.\" }\n ]\n },\n {\n id:'sauge', label:'Sauge', latin:'Salvia officinalis', family:'botanic',\n desc:\"Huile essentielle décontractante et régulatrice de sébum : elle apaise la peau tout en équilibrant la production sébacée.\",\n targets: [\n { anchor:'glande_seb', action:\"Régulation du sébum\", benefit:\"Équilibre la production sébacée des peaux mixtes ou grasses.\" },\n { anchor:'epiderme', action:\"Effet décontractant\", benefit:\"Apaise la peau et détend les tensions de surface.\" }\n ]\n },\n {\n id:'trio', label:'Lavande, Thym \u0026amp; Menthe', latin:'Trio analgésique', family:'botanic',\n desc:\"Mélange d’huiles essentielles analgésiques et antispasmodiques : il soulage les tensions et apporte une sensation de fraîcheur immédiate.\",\n targets: [\n { anchor:'epiderme', action:\"Analgésique \u0026 frais\", benefit:\"Soulage les sensations désagréables et apporte une fraîcheur immédiate.\" },\n { anchor:'derme', action:\"Détente profonde\", benefit:\"Détend l’animal en profondeur — effet calmant durable.\" }\n ]\n },\n {\n id:'eucalyptus', label:'Eucalyptus', latin:'Eucalyptus globulus', family:'bio',\n desc:\"Huile essentielle bactéricide et insecticide naturelle : elle assainit la peau en surface et limite les visiteurs indésirables.\",\n targets: [\n { anchor:'glande_sud', action:\"Action bactéricide\", benefit:\"Assainit la peau en surface et limite les déséquilibres bactériens.\" },\n { anchor:'cuticule', action:\"Effet insecticide doux\", benefit:\"Décourage les parasites de surface et purifie la fibre.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Hinweis: Kein eigenständiges Shampoo, sondern eine Ergänzung zu einer Shampoo-\/Maskenbehandlung. --\u003e\u003c!-- Erinnerung ❌ empfindliche Haut --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e wenn die Haut reaktiv ist oder aktive Läsionen oder Wunden aufweist.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eWohltuende Reinigungsbehandlung als Ergänzung zum Bad\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eWie man die Tonisierungsmischung in ein besonderes Baderitual integriert\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetox-Maske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie mit einer Maske vor dem Baden. \u003cstrong\u003eEntgiftungstherapie\u003c\/strong\u003e zur Vorbereitung von Haut und Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung als ergänzende Wäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFüge die Energiemischung hinzu. \u003cstrong\u003ezusätzlich zu Shampoo oder einer Maske vor dem Baden\u003c\/strong\u003e. Heißes Wasser setzt den Duft frei und aktiviert die wohltuende Wirkung der ätherischen Öle.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; gelegt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSanft einmassieren, um die ätherischen Öle zu verteilen. Einige Minuten einwirken lassen – das Tier entspannt sich, die Haut beruhigt sich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBeruhigender Ausklang\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbspülen, dann abschließend mit \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Oder \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e als letzte Maske, um das Wohlbefinden zu verlängern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Belebende Mischung fürs Herz + modulare Nahrungsergänzungsmittel Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit dem Toning Mix kompatibel.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eEntgiftungstherapie im Vorfeld\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine wohltuende Schlussbehandlung ist unerlässlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce oder Feuchtigkeitscreme\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine rein beruhigende Wirkung ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBeruhigende Mischung — Mari Pintau (sardischer Cousin)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDie Haut reagiert oder weist Läsionen auf…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNicht verwenden – stattdessen Skincare Pro oder Aqua Baby Paw verwenden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo die Energiemischung den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle Hunde im Wohnzimmer \u003cspan\u003e(um zu vermeiden, dass die Knoten zu schnell zurückkehren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Völker \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Englische Zwergspaniel \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langes Fell \u0026amp; seidig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEine lange und nicht vollständige Liste – ein stärkendes Ritual aus Ligurien, zu dem man in allen Bädern eingeladen wird.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 mL","offer_id":37820003778739,"sku":"WEO-POR500 (122)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-35.png?v=1666345297"},{"product_id":"huiles-essentielles-chien-special-one-2","title":"Reinigungsmischung - SATURNIA - Ätherische Öle aus der Toskana","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eREINIGUNGSMISCHUNG — SATURNIA\u003c\/strong\u003e ist die\u003cstrong\u003eWaschöl\u003c\/strong\u003e Special One, inspiriert von den Hügeln der Toskana, ist eine Mischung aus ätherischen Ölen. \u003cstrong\u003eBelebend und reinigend\u003c\/strong\u003e, Die Formel wurde entwickelt, um die Haut Ihres Haustieres porentief zu reinigen und gleichzeitig müdem Fell neue Vitalität zu verleihen. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas von echtem Interesse finden – besonders wertvoll für die \u003cstrong\u003emüdes oder gestresstes Fell\u003c\/strong\u003e die einen reinigenden Schub benötigen.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDieses Reinigungsöl vereint die Eigenschaften \u003cstrong\u003eschmerzlindernd, desodorierend und entgiftend\u003c\/strong\u003e, Inspiriert von den sanften Hügeln der Toskana, wo Reihen uralter Bäume neben alten Landhäusern stehen. \u003cstrong\u003eätherische Ölmischung\u003c\/strong\u003e Es wirkt sowohl auf die Haut als auch auf die Stimmung des Tieres.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e dieses Produkt, wenn die Haut \u003cstrong\u003ereagieren\u003c\/strong\u003e oder Geschenke \u003cstrong\u003eLäsionen oder Wunden\u003c\/strong\u003e — Ätherische Öle könnten brennen oder die Reizung verschlimmern.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSanftes Bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEin besonders sanftes Bad für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eReinigende Säuberung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und klärt die Haut porentief, ohne sie zu reizen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMischhaut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEs hilft sowohl dehydrierter als auch fettiger Haut, indem es das Gleichgewicht wiederherstellt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSüßigkeiten \u0026amp; Frische\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht stumpfen Mänteln Weichheit und Frische – das Fell gewinnt seine Geschmeidigkeit zurück.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eWiedererlangte Kraft\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht müdem und gestresstem Fell neue Vitalität – ein echter Energieschub.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise der Reinigungsmischung besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 4 }, { label: \"Hydratation\", value: 4 }, { label: \"Démêlant\", value: 3 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS aktiver Reinigungsmix - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung der Reinigungsmischung: ätherische Öle \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003ekonzentrierte Mischung ätherischer Öle\u003c\/strong\u003e Mit beruhigenden, antiseptischen und duftenden Eigenschaften – frei von Parabenen und Silikonen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Purifiant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'lavmenthe', label:'Lavande \u0026amp; Menthe', latin:'Duo analgésique \u0026 frais', family:'botanic',\n desc:\"Duo d’huiles essentielles analgésique et calmant : il apaise la peau tout en apportant une fraîcheur immédiate — effet « bouffée d’air ».\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026 fraîcheur\", benefit:\"Apaise la peau et apporte une fraîcheur immédiate.\" },\n { anchor:'derme', action:\"Détente profonde\", benefit:\"Détend l’animal en profondeur — effet calmant durable.\" }\n ]\n },\n {\n id:'eucalyptus', label:'Eucalyptus', latin:'Eucalyptus globulus', family:'bio',\n desc:\"Huile essentielle bactéricide et insecticide naturelle : elle assainit la peau et limite les visiteurs indésirables.\",\n targets: [\n { anchor:'glande_sud', action:\"Action bactéricide\", benefit:\"Assainit la peau en surface et limite les déséquilibres bactériens.\" },\n { anchor:'cuticule', action:\"Effet insecticide doux\", benefit:\"Décourage les parasites de surface et purifie la fibre.\" }\n ]\n },\n {\n id:'citron', label:'Citron', latin:'Citrus limon', family:'bio',\n desc:\"Huile essentielle anti-inflammatoire et cicatrisante : elle purifie la peau et soutient sa régénération naturelle.\",\n targets: [\n { anchor:'epiderme', action:\"Anti-inflammatoire\", benefit:\"Calme les zones réactives et accompagne la cicatrisation naturelle.\" },\n { anchor:'glande_seb', action:\"Purification\", benefit:\"Purifie le film cutané et assainit en profondeur.\" }\n ]\n },\n {\n id:'bergamote', label:'Bergamote', latin:'Citrus bergamia', family:'cond',\n desc:\"Huile essentielle apaisante et parfumante : elle confère au manteau un parfum frais et solaire tout en relaxant l’animal.\",\n targets: [\n { anchor:'tige_poil', action:\"Parfum solaire\", benefit:\"Diffuse un parfum frais et solaire qui imprègne la fibre.\" },\n { anchor:'cuticule', action:\"Toucher apaisé\", benefit:\"Apporte un toucher plus doux et un fini relaxant au pelage.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Erinnerung ❌ empfindliche Haut --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e ❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e wenn die Haut reaktiv ist oder aktive Läsionen oder Wunden aufweist. \u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eWohltuende Reinigungsbehandlung als Ergänzung zum Bad\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eWie man die Reinigungsmischung in ein besonderes Baderitual integriert\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetox-Maske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie mit einer Maske vor dem Baden. \u003cstrong\u003eEntgiftungstherapie\u003c\/strong\u003e zur Vorbereitung von Haut und Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung als ergänzende Wäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eReinigungsmischung hinzufügen \u003cstrong\u003ezusätzlich zu Shampoo oder einer Maske vor dem Baden\u003c\/strong\u003e. Heißes Wasser setzt den Duft frei und aktiviert die wohltuende Wirkung der ätherischen Öle.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; gelegt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSanft einmassieren, um die ätherischen Öle zu verteilen. Einige Minuten einwirken lassen – das Tier entspannt sich, die Haut beruhigt sich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBeruhigender Ausklang\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbspülen, dann abschließend mit \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Oder \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e als letzte Maske, um das Wohlbefinden zu verlängern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Reinigender Herzmix + Modulare Nahrungsergänzungsmittel Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit dem Reinigungsmix kompatibel.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eEntgiftungstherapie im Vorfeld\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine wohltuende Schlussbehandlung ist unerlässlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce oder Feuchtigkeitscreme\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine rein beruhigende Wirkung ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBeruhigende Mischung — Mari Pintau (sardischer Cousin)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eein Tonisierungseffekt \u0026amp; Der Glanz ist beabsichtigt…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eTonic Mix — Portofino (ligurischer Cousin)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDie Haut reagiert oder weist Läsionen auf…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNicht verwenden – stattdessen Skincare Pro oder Aqua Baby Paw verwenden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo die Reinigungsmischung einen Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle Hunde im Wohnzimmer \u003cspan\u003e(um zu vermeiden, dass die Knoten zu schnell zurückkehren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Völker \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Englische Zwergspaniel \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langes Fell \u0026amp; seidig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEine lange und nicht vollständige Liste – ein reinigendes und belebendes Ritual aus der Toskana.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37820003811507,"sku":"WEO-SAT500 (15)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-33.png?v=1666345071"},{"product_id":"huiles-essentielles-chien-special-one-3","title":"Energetisierende Mischung – ROCCALUMERA – Ätherische Öle aus Sizilien","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eENERGIESCHMACK — ROCCALUMERA\u003c\/strong\u003e ist die\u003cstrong\u003eWaschöl\u003c\/strong\u003e Special One, inspiriert von Sizilien und seinen \u003cstrong\u003eZitrusfrüchte\u003c\/strong\u003e. Dank der Wirkstoffe sizilianischer Früchte, \u003cstrong\u003eStellt Festigkeit und Glanz wieder her\u003c\/strong\u003e für müde und gestresste Mäntel. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas von echtem Interesse finden – besonders wertvoll für die \u003cstrong\u003emüde und gestresste Mäntel\u003c\/strong\u003e für alle, die einen belebenden Zitruskick brauchen.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDieses Reinigungsöl pflegt das Haar; sein Duft erinnert an \u003cstrong\u003eelegante Parfums der Vergangenheit\u003c\/strong\u003e und die \u003cstrong\u003eauthentische Aromen eines wundervollen Landes wie Sizilien\u003c\/strong\u003e. DER \u003cstrong\u003eMischung aus ätherischen Zitrusölen\u003c\/strong\u003e Es strahlt Kraft und Energie aus und parfümiert das Fell zart.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e dieses Produkt, wenn die Haut \u003cstrong\u003ereagieren\u003c\/strong\u003e oder Geschenke \u003cstrong\u003eLäsionen oder Wunden\u003c\/strong\u003e — Ätherische Öle könnten brennen oder die Reizung verschlimmern.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSanftes Bad\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEin besonders sanftes Bad für Hunde und Katzen jeden Alters, von Babys bis zu Senioren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eReinigende Säuberung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt und klärt die Haut porentief, ohne sie zu reizen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMischhaut\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eEs hilft sowohl dehydrierter als auch fettiger Haut, indem es das Gleichgewicht wiederherstellt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSüßigkeiten \u0026amp; Frische\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht stumpfen Mänteln Weichheit und Frische – das Fell gewinnt seine Geschmeidigkeit zurück.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eWiedererlangte Kraft\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerleiht müdem und gestresstem Fell neue Vitalität – ein echter Energieschub.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEin besseres Verständnis der Wirkungsweise des Energiemixes\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 4 }, { label: \"Peau sensible\", value: 2 }, { label: \"Démêlant\", value: 2 }, { label: \"Volume\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS aktiver Energizing Mix - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung der Energiemischung: ätherische Öle \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eA \u003cstrong\u003ekonzentrierte Mischung ätherischer Öle\u003c\/strong\u003e Mit beruhigenden, antiseptischen und duftenden Eigenschaften – frei von Parabenen und Silikonen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Énergisant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'pamplemandarine', label:'Pamplemousse \u0026amp; Mandarine', latin:'Duo agrumes énergisant', family:'bio',\n desc:\"Duo d’huiles essentielles drainant et relaxant : il revigore la peau tout en apportant un parfum fruité, vif et solaire.\",\n targets: [\n { anchor:'derme', action:\"Effet drainant\", benefit:\"Stimule la microcirculation et soutient l’élimination des toxines.\" },\n { anchor:'epiderme', action:\"Vitalité \u0026amp; relaxation\", benefit:\"Revigore la peau et offre une sensation de relaxation immédiate.\" }\n ]\n },\n {\n id:'orange', label:'Orange', latin:'Citrus sinensis', family:'bio',\n desc:\"Huile essentielle apaisant nerveux : elle détend l’animal et participe à son équilibre émotionnel.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisant nerveux\", benefit:\"Détend l’animal et soutient son équilibre émotionnel.\" },\n { anchor:'tige_poil', action:\"Parfum solaire\", benefit:\"Diffuse un parfum fruité et lumineux qui imprègne la fibre.\" }\n ]\n },\n {\n id:'citron', label:'Citron', latin:'Citrus limon', family:'botanic',\n desc:\"Huile essentielle antiseptique et rafraîchissante : elle assainit la peau tout en apportant une fraîcheur vive.\",\n targets: [\n { anchor:'glande_seb', action:\"Action antiseptique\", benefit:\"Assainit le film cutané et limite les déséquilibres de surface.\" },\n { anchor:'cuticule', action:\"Fraîcheur rafraîchissante\", benefit:\"Apporte une fraîcheur vive à la surface du poil.\" }\n ]\n },\n {\n id:'bergamote', label:'Bergamote', latin:'Citrus bergamia', family:'cond',\n desc:\"Huile essentielle antispasmodique et parfumante : elle relâche les tensions et confère au manteau un parfum frais et solaire.\",\n targets: [\n { anchor:'glande_sud', action:\"Effet antispasmodique\", benefit:\"Relâche les tensions cutanées et favorise la détente.\" },\n { anchor:'tige_poil', action:\"Parfum solaire\", benefit:\"Confère au manteau un parfum frais et solaire qui dure.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Erinnerung ❌ empfindliche Haut --\u003e \u003cdiv style=\"margin: 0 0 14px; padding: 12px 16px; background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e ❌ \u003cstrong\u003eNicht verwenden\u003c\/strong\u003e wenn die Haut reaktiv ist oder aktive Läsionen oder Wunden aufweist. \u003c\/div\u003e \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eWohltuende Reinigungsbehandlung als Ergänzung zum Bad\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eWie man die Energiemischung in ein besonderes Baderitual integriert\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDetox-Maske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBeginnen Sie mit einer Maske vor dem Baden. \u003cstrong\u003eEntgiftungstherapie\u003c\/strong\u003e zur Vorbereitung von Haut und Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung als ergänzende Wäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFüge den Energiemix hinzu. \u003cstrong\u003ezusätzlich zu Shampoo oder einer Maske vor dem Baden\u003c\/strong\u003e. Heißes Wasser setzt den Duft frei und aktiviert die wohltuende Wirkung der ätherischen Öle.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; gelegt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSanft einmassieren, um die ätherischen Öle zu verteilen. Einige Minuten einwirken lassen – das Tier entspannt sich, die Haut beruhigt sich.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBeruhigender Ausklang\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbspülen, dann abschließend mit \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e Oder \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e als letzte Maske, um das Wohlbefinden zu verlängern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Energiespendende Mischung für den Körperkern + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist mit dem Energiemix kompatibel.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eEntgiftungstherapie im Vorfeld\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine wohltuende Schlussbehandlung ist unerlässlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce oder Feuchtigkeitscreme\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine rein beruhigende Wirkung ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBeruhigende Mischung — Mari Pintau (sardischer Cousin)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eein Tonisierungseffekt \u0026amp; Der Glanz ist beabsichtigt…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eTonic Mix — Portofino (ligurischer Cousin)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine reinigende und entgiftende Wirkung ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eReinigende Mischung — Saturnia (toskanische Verwandte)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDie Haut reagiert oder weist Läsionen auf…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNicht verwenden – stattdessen Skincare Pro oder Aqua Baby Paw verwenden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo die Energiemischung den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Alle Hunde im Wohnzimmer \u003cspan\u003e(um zu vermeiden, dass die Knoten zu schnell zurückkehren)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Alle Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Völker \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Englische Zwergspaniel \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Langes Fell \u0026amp; seidig \u003cspan\u003e(Yorkshire, Afghanen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEine lange und unvollständige Liste – ein belebendes Ritual mit sizilianischen Zitrusfrüchten, Stärke \u0026amp; Glanz.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"500 ml","offer_id":37820003844275,"sku":"WEO-ROC500 (119)","price":66.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-34.png?v=1666345253"},{"product_id":"nettoyant-desinfectant-elevage-et-salon-de-toilettage","title":"Bidon 5L Nettoyant Désinfectant Sanibox Special One","description":"","brand":"PetDesign shop","offers":[{"title":"Default Title","offer_id":37820007547059,"sku":"(88)","price":45.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/9043.jpg?v=1614681661"},{"product_id":"4poodle-shampoing-caniche-special-one","title":"4Poodle - Edition Speciale - Défrise et volumise","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003e4POODLE PRO\u003c\/strong\u003e (ausgesprochen \u0026quot;For Poudeul Pro\u0026quot;) ist das Shampoo, das Ihr Haarföhnen revolutionieren wird. \u003cstrong\u003eum Volumen hinzuzufügen und zu begradigen\u003c\/strong\u003e. Eine technische Innovation, die es so in der Tierkosmetik noch nie gegeben hat und die Volumen, Elastizität und \u003cstrong\u003eintensiver Keratineffekt\u003c\/strong\u003e auf allen lockigen und voluminösen Fellen. \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eEs wird für jeden äußerst nützlich sein – sowohl für Wettkampftage als auch für die wöchentliche Fellpflege. Seine Vorteile beschränken sich nicht nur auf Pudel: Es erstreckt sich auch auf \u003cstrong\u003eAlle Haartypen zum Glätten, für mehr Volumen oder für explosive Frisuren.\u003c\/strong\u003e.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDank \u003cstrong\u003eCeramide 2 und Kaschmirproteine\u003c\/strong\u003e, 4Poodle Pro regeneriert das Haar von innen heraus und verleiht ihm Dichte und \u003cstrong\u003eaußergewöhnliche Elastizität\u003c\/strong\u003e unmittelbar nach dem Aussteigen aus der Badewanne, dann ein \u003cstrong\u003eIntensiver und langanhaltender Keratineffekt\u003c\/strong\u003e. Das Haar trocknet sehr schnell, lässt sich leicht bürsten und ist sofort bereit zum Schneiden mit der Schere oder zur Präsentation bei Wettbewerben.\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 4px 0 4px;\"\u003e⚠️ \u003cstrong\u003eVorsicht vor zurückkehrenden Knoten:\u003c\/strong\u003e Bei alleiniger Anwendung zur Erzielung maximalen Volumens kann 4Poodle Pro das erneute Verfilzen beschleunigen. Zur Pflege sollte das Produkt anschließend immer mit einer Intensivspülung behandelt werden. \u003cstrong\u003eFeuchtigkeitscreme und\/oder Bombastic\u003c\/strong\u003e.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M8 3H5a2 2 0 0 0-2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3h3a2 2 0 0 1 2 2v3\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21H5a2 2 0 0 1-2-2v-3\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 21h3a2 2 0 0 0 2-2v-3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eMaximales Volumen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDas bestmögliche Volumen bei optimaler Textur – selbst bei feinstem Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 3v4M3 5h4M6 17v4M4 19h4\"\u003e\u003c\/path\u003e\u003cpath d=\"M13 3l3 8 8 3-8 3-3 8-3-8-8-3 8-3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eNeues Outfit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDefiniert und strukturiert das Fell nach jedem Bad dauerhaft neu.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 7h16M6 7v11M10 7v11M14 7v11M18 7v11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUnvergleichliches Föhnen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eSofortige Elastizität: Das Föhnen wird geschmeidiger und Sie sparen wertvolle Zeit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 8h9a2 2 0 1 0-2-2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12h13a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16h7a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSchnell trocknend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDas Haar trocknet nach dem Waschen deutlich schneller.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eLang anhaltender Keratineffekt\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDie Wirkung des Keratins hält auch nach dem Baden noch lange an.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3.6\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2v2.5M12 19.5V22M4.2 4.2l1.8 1.8M18 18l1.8 1.8M2 12h2.5M19.5 12H22M4.2 19.8l1.8-1.8M18 6l1.8-1.8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUV-Schutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eIntegrierter UV-A-Filter zum Schutz von Haut und Haar vor den schädlichen Auswirkungen der Sonne.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Aktionen von 4Poodle Pro besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 3 }, { label: \"Démêlant\", value: 1 }, { label: \"Texture\", value: 3 }, { label: \"Volume\", value: 4 }, { label: \"Brillance\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Aktives 4Poodle Pro JS-MAPPING - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von 4Poodle Pro: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine hochpräzise technische Formulierung — \u003cstrong\u003eInnere Rekonstruktion, Hydratation und Schutz\u003c\/strong\u003e, Frei von SLES und Parabenen. Hier erfahren Sie, wie die einzelnen Wirkstoffe auf Haut und Haar wirken – Zone für Zone.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de 4Poodle Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'ceramide', label:'Céramide 2', latin:'Céramides végétaux', family:'cond',\n desc:\"Lipide structurant de la fibre : tel le ciment entre les briques, il restaure la cohésion intercellulaire du poil et forme une couche protectrice contre la déshydratation et les agressions.\",\n targets: [\n { anchor:'tige_poil', action:\"Reconstruction interne\", benefit:\"Comble le ciment intercellulaire — la fibre retrouve cohésion, densité et résistance.\" },\n { anchor:'cuticule', action:\"Scellage anti-déshydratation\", benefit:\"Lisse les écailles et verrouille l'hydratation à l'intérieur du poil.\" }\n ]\n },\n {\n id:'cachemire', label:'Protéines de Cachemire', latin:'Protéines de kératine', family:'cond',\n desc:\"Protéines nobles à forte affinité kératinique : elles densifient la fibre et lui apportent une élasticité exceptionnelle, immédiatement perceptible au brushing.\",\n targets: [\n { anchor:'tige_poil', action:\"Densité \u0026 élasticité\", benefit:\"Donnent corps et ressort au poil : un volume travaillable et un brushing plus fluide.\" },\n { anchor:'cuticule', action:\"Séchage accéléré\", benefit:\"Gainent la fibre pour un toucher lisse, facile à brosser et qui sèche plus vite.\" }\n ]\n },\n {\n id:'provitb5', label:'Provitamine B5', latin:'Panthénol', family:'bio',\n desc:\"Le panthénol agit sur les deux substrats : fortifiant et embellissant sur le poil, réparateur et apaisant sur la peau.\",\n targets: [\n { anchor:'tige_poil', action:\"Fortifiant \u0026 brillance\", benefit:\"Renforce la fibre de l'intérieur et ravive sa brillance.\" },\n { anchor:'epiderme', action:\"Réparation \u0026 apaisement\", benefit:\"Apaise la peau et soutient sa réparation.\" }\n ]\n },\n {\n id:'glycerine', label:'Glycérine végétale', latin:'Glycérol végétal', family:'aqua',\n desc:\"Humectant de référence, à la fois occlusif et émollient : indispensable pour une hydratation durable de la peau et du poil.\",\n targets: [\n { anchor:'film_hydro', action:\"Hydratation occlusive\", benefit:\"Retient l'eau et protège la surface des agressions extérieures.\" },\n { anchor:'epiderme', action:\"Émollience\", benefit:\"Lisse et assouplit la peau comme le poil.\" }\n ]\n },\n {\n id:'uree', label:'Urée (Carbamide)', latin:'Carbamide', family:'aqua',\n desc:\"Actif professionnel de référence : hydrate les couches supérieures de l'épiderme, élimine les squames et stimule le renouvellement cellulaire, avec une action purifiante.\",\n targets: [\n { anchor:'epiderme', action:\"Hydratation \u0026 kératolyse douce\", benefit:\"Hydrate l'épiderme, élimine les squames et active le renouvellement cellulaire.\" },\n { anchor:'glande_sud', action:\"Action purifiante\", benefit:\"Limite le développement bactérien à la surface de la peau.\" }\n ]\n },\n {\n id:'leucidal', label:'Leucidal', latin:'Ferment de radis', family:'botanic',\n desc:\"Conservateur 100 % naturel issu de la fermentation du radis : peptides aux propriétés antibactériennes, antipelliculaires et antimicrobiennes.\",\n targets: [\n { anchor:'glande_seb', action:\"Assainissant naturel\", benefit:\"Action antibactérienne et antipelliculaire au niveau du film cutané.\" },\n { anchor:'epiderme', action:\"Équilibre microbien\", benefit:\"Préserve l'équilibre de la flore de surface — sans conservateur de synthèse.\" }\n ]\n },\n {\n id:'coco', label:'Tensioactifs de noix de coco', latin:'Dérivés de Cocos nucifera', family:'botanic',\n desc:\"Base lavante douce d'origine végétale : nettoie en respectant la peau et conditionne le poil sans jamais l'agresser.\",\n targets: [\n { anchor:'cuticule', action:\"Lavage doux \u0026 conditionnant\", benefit:\"Nettoie sans décaper et dépose un conditionnement léger sur la fibre.\" },\n { anchor:'epiderme', action:\"Douceur cutanée\", benefit:\"Respecte la peau et préserve son confort.\" }\n ]\n },\n {\n id:'citronuv', label:'Citron \u0026 Filtre UV-A', latin:'Citrus limon \u0026 filtre UV', family:'bio',\n desc:\"Le citron resserre les écailles et stabilise le pH de la formule ; le filtre UV-A protège la peau et les poils des effets nocifs du soleil.\",\n targets: [\n { anchor:'cuticule', action:\"Équilibre du pH\", benefit:\"Resserre les écailles et stabilise le pH pour une fibre lisse et brillante.\" },\n { anchor:'tige_poil', action:\"Bouclier UV-A\", benefit:\"Le filtre UV-A protège la fibre des effets nocifs du soleil.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- VERDÜNNUNG P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e10\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003eEin Teil Wasser auf zehn Teile Wasser\u003cbr\u003e— oder rein\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 2,5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 10 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 50 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e500 ml\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 500 mL \/ 1 L \/ 2 L (dilution 1\/10)\n var cycles = [\n { target: '500 mL', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '1 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '2 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\" open\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eVolumenbad — Ausstellung \u0026amp; Schere schneidet\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür Wettkampftage oder hochwertige Scherenschnitte\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereiten Sie den Mantel mit der Vorbademaske vor. \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e, im Zusammenhang mit \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e Oder \u003cstrong\u003eBombastisch\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAnwendung auf der Maske\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e4Poodle Pro anwenden \u003cstrong\u003erein oder auf 1\/10 verdünnt\u003c\/strong\u003e Direkt auf die Maske auftragen, ohne sie abzuspülen. Einmassieren, abspülen und den Vorgang wiederholen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eOption für maximale Lautstärke\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eFür ein Show- oder Wettkampfbad kann auf Conditioner verzichtet werden, wenn Sie Wert auf ein gepflegtes Erscheinungsbild legen. \u003cstrong\u003emaximales Volumen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eShowende\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eTrocknen und abschließend mit \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e : Das Duo 4Poodle Pro + Absolute 4Poodle ist die absolute Referenz für die Präsentation von lockigem Haar.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eWöchentliche Badpflege – Volumen \u0026amp; Knotenschutz\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eFür regelmäßige Bäder, ohne dabei auf Volumen zu verzichten\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBereiten Sie das Haar vor mit \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e als Gesichtsmaske vor dem Baden (20 Min.).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eWaschen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e4Poodle Pro auftragen, ausspülen und den Vorgang wiederholen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eUnverzichtbar: Knotenschutz\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme 1\/50 verdünnt\u003c\/strong\u003e + ein Löffel voll \u003cstrong\u003eBombastisch\u003c\/strong\u003e. Diese Maßnahme schützt das Haar und \u003cstrong\u003everzögert die Rückkehr der Knoten erheblich.\u003c\/strong\u003e zwischen den Bädern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e \u003cspan class=\"aqr-proto-title\"\u003eVerstärkte mineralische Rekonstruktion mit Bombastic\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eBei stark beschädigten, ausgetrockneten oder dünnen Fellen\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eVereinigung der Protokolle\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eKombinieren Sie 4Poodle Pro mit dem Mineralrekonstruktionsprotokoll \u003cstrong\u003eBombastisch\u003c\/strong\u003e : Integrieren Sie Bombastic in Ihre Gesichtsmaske vor dem Baden oder in Ihre abschließende Haarspülung.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eKombinierter Effekt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDer Effekt \u003cstrong\u003eCeramide + Kaschmir + Bombastisch\u003c\/strong\u003e Es restrukturiert die Faser in der Tiefe und stellt dauerhafte Dichte und Glanz wieder her.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eBei Bedarf wiederholen.\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWiederholen Sie das Protokoll. \u003cstrong\u003e2 bis 3 Mal\u003c\/strong\u003e wenn das Fell stark abgenutzt ist.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- 4Poodle Pro im Kern + modulare Erweiterungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist kompatibel mit 4Poodle Pro.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine Gesichtsmaske vor dem Baden wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + Hygro Fluid oder Bombastic\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin Pflegezusatz ist notwendig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme + Bombastic\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle (Spray)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo 4Poodle Pro den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Schere schneidet \u0026amp; Kamm \u003cspan\u003e(Alle Hunde im Wohnzimmer)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington, Havaneser, Coton de Tuléar)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🧸 Doppeltes Haar \u0026amp; Wasserhunde \u003cspan\u003e(Australischer Schäferhund, Samojede, Neufundländer, Spitz)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e💥 Zum Glätten oder für mehr Volumen \u003cspan\u003e(Schnauzer, Foxterrier, Amerikanischer Cocker Spaniel)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Terrier \u003cspan\u003e(Volumenvergrößerung der Beine)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste – ideal für alle Pelze, die mehr Volumen oder ein glatteres Fell haben möchten.\u003c\/p\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES und Parabenen | Nicht an Tieren getestet | Recycelbar aus HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"5 Litres","offer_id":40019132842163,"sku":"WEX-4POO5000 (57)","price":153.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":40019132809395,"sku":"WEX-4POO1000 (46)","price":52.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/4poodle.png?v=1680254068"},{"product_id":"absolute-4poodle-toilettage-caniche","title":"Absolute 4Poodle – Das beste antistatische Volumenspray","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e \u003cstrong\u003eABSOLUTE 4POODLE\u003c\/strong\u003e Special One ist das antistatische Pflegespray, das sich für alle Haartypen mit Volumen oder für zu glättendes Haar eignet. Seine wertvolle Formel ist angereichert mit \u003cstrong\u003eKaschmirproteine ​​und Extrakt aus weißem Alba-Trüffel\u003c\/strong\u003e — verleiht dem Mantel Textur und Volumen, ohne ihn zu beschweren. \u003cstrong\u003eEinzigartig auf dem Markt\u003c\/strong\u003e wegen des Glanzes und der Glättungswirkung, die es verleiht. \u003c\/div\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/span\u003e \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eUnverzichtbar für Rassen, deren Fell sich aufplustert, lockt oder vor dem Scheren oder Ausstellen gebändigt werden muss.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Hundefriseure\u0026amp; \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Viehhalter\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Einzelpersonen\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Wettbewerber\u003c\/td\u003e \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Betreuer\u003c\/td\u003e \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- RADAR-BLOCK: KOSMETOLOGISCHES DIAGRAMM --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eKosmetologisches Diagramm von Absolute 4Poodle\u003c\/span\u003e \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Brillance\", value: 5 },\n { label: \"Défrisage\", value: 5 },\n { label: \"Démêlant\", value: 3 },\n { label: \"Hydratation\", value: 4 },\n { label: \"Volume\", value: 4 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAbsolute 4Poodle ist gebrauchsfertig, spendet der lockigen Fellstruktur Feuchtigkeit und hilft dabei, \u003cstrong\u003eZähmen Sie selbst die widerspenstigsten Locken\u003c\/strong\u003e. Schon nach der ersten Anwendung ist das Fell leicht, mit Feuchtigkeit versorgt und natürlich geschmeidig – bereit zum Trimmen, Stylen oder für Ausstellungen. Es eignet sich auch ideal als Last-Minute-Pflege, wenn das Fell kraus wird oder an Volumen verliert.\u003c\/p\u003e \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHaarglättung \u0026amp; Volumen:\u003c\/strong\u003e Bändigt Locken und verleiht Textur, ohne das Fell zu beschweren.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAußergewöhnliche Brillanz:\u003c\/strong\u003e Ein strahlendes und seidiges Ergebnis bereits nach der ersten Anwendung.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatisch:\u003c\/strong\u003e Beseitigt elektrostatische Aufladung für ein gepflegtes und ordentliches Fell.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFülleffekt:\u003c\/strong\u003e Die Alba-Trüffel sorgt für dauerhafte optische Dichte und Elastizität.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFlüssigkeitszufuhr \u0026amp; Kompaktheit:\u003c\/strong\u003e Kaschmirproteine ​​sorgen für ein dichtes, glänzendes und gepflegtes Fell.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRegeneration beim Zähneputzen:\u003c\/strong\u003e Revitalisiert das Fell mit jedem Pinselstrich.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBereit für den Schnitt:\u003c\/strong\u003e Ideal vor dem Schneiden mit der Schere – das Haar ist perfekt entspannt und gleichmäßig.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eUnsichtbar unter allen Kleidern:\u003c\/strong\u003e Keine sichtbaren Rückstände, unabhängig von der Fellfarbe.\u003c\/li\u003e \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMehrfachanwendung:\u003c\/strong\u003e Kann mehrmals täglich ohne Ansammlungsgefahr verwendet werden.\u003c\/li\u003e \u003cli\u003e✅ \u003cstrong\u003eSignaturduft:\u003c\/strong\u003e Eine elegante und anhaltende Duftnote, signiert Special One.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 3: VERMÖGEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie natürlicher Wirkstoffe\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine kostbare und raffinierte Formel, die auf zwei außergewöhnlichen Inhaltsstoffen basiert, die in Tierkosmetik selten verwendet werden.\u003c\/p\u003e \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Kaschmirproteine\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eSie machen das Fell kompakt, glänzend und spenden Feuchtigkeit. Sie bilden eine leichte Schutzschicht, die lockiges Haar strukturiert, ohne es zu beschweren.\u003c\/span\u003e \u003c\/td\u003e \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e \u003cstrong\u003e🍀 Bio-Extrakt aus weißer Alba-Trüffel\u003c\/strong\u003e\u003cbr\u003e \u003cspan style=\"font-size: 11px; color: #666;\"\u003eItalienische Exzellenz mit außergewöhnlichen Anti-Aging- und revitalisierenden Eigenschaften. Verleiht dem Fell einen beispiellosen Volumeneffekt und dauerhafte Elastizität.\u003c\/span\u003e \u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/span\u003e \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e 💡 Produkt \u003cstrong\u003esofort einsatzbereit\u003c\/strong\u003e, Unverdünnt anwenden. Aus 20–30 cm Entfernung auf trockenes oder feuchtes Fell sprühen, anschließend bürsten. \u003c\/div\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 1 🔥 Nach dem Baden abschließen – glätten \u0026amp; Scherenschnitt\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Der ideale letzte Schritt nach dem Baden und Abtrocknen:\u003cbr\u003e 1. Sprühen Sie Absolute 4Poodle aus einer Entfernung von 20–30 cm auf das gesamte trockene oder nasse Fell.\u003cbr\u003e 2. Bürste \u003cstrong\u003eSchicht für Schicht wird das Haar in Abschnitte unterteilt.\u003c\/strong\u003e — Das Haar entspannt sich, die Locken öffnen sich und das Volumen kommt gleichmäßig zum Vorschein.\u003cbr\u003e 3. Das Fell ist jetzt \u003cstrong\u003eperfekt diszipliniert und bereit für den Haarschnitt mit der Schere.\u003c\/strong\u003e : Homogen, leicht, ohne Widerstand. Kann während des Schneidevorgangs beliebig oft erneut aufgetragen werden.\u003cbr\u003e Wenn Sie das Ergebnis korrigieren möchten: finalisieren Sie mit \u003cstrong\u003eFinal Fix Ecologic oder Starkgas\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 10px 12px; font-size: 12px;\"\u003e ⚠️ \u003cstrong\u003eAusnahme beim Dutt:\u003c\/strong\u003e Absolute 4Poodle sollte nicht vor dem Haarspray auf den Dutt aufgetragen werden – das Produkt würde die Haftung des Fixiermittels beeinträchtigen. \u003c\/div\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 2 🔥 Express-Vorbehandlung vor dem Ringen – Glätten \u0026amp; Volumenverlust\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Wenn das Haar zwischen dem Baden und dem Auftritt kraus wird oder an Volumen verliert:\u003cbr\u003e 1. Sprühen Sie Absolute 4Poodle direkt auf die betroffenen Stellen.\u003cbr\u003e 2. Bürsten Sie \u003cstrong\u003eVolumen regenerieren, elektrostatische Aufladung beseitigen\u003c\/strong\u003e und seine Form wiederherstellen.\u003cbr\u003e Sofortiges Ergebnis: ein restrukturiertes, glänzendes und makelloses Fell für den Ring – ohne komplettes Neubad. \u003c\/div\u003e \u003c\/details\u003e \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e \u003cspan\u003eBeispiel 3 🔥 Tägliche Pflege mit Bürste\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eNACH UNTEN SCROLLEN ▼\u003c\/span\u003e \u003c\/summary\u003e \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e Absolute 4Poodle kann in die Pflegeroutine zwischen den Bädern integriert werden:\u003cbr\u003e 1. Aus 20–30 cm Entfernung auf den trockenen Lack sprühen.\u003cbr\u003e 2. Das Produkt sanft mit einem Pinsel auftragen. \u003cstrong\u003eregeneriert das Fell bei jedem Durchgang\u003c\/strong\u003e, Es erhält die Feuchtigkeit im Haar und reduziert das tägliche Nachlocken.\u003cbr\u003e Der charakteristische Duft von Special One lagert sich bei jedem Tragen auf dem Mantel ab. \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/span\u003e \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eAbsolute 4Poodle ist der perfekte Abschluss für ein komplettes Bad. Zwei typische Anwendungsbereiche:\u003c\/p\u003e \u003cdiv style=\"background: #fff; border: 1px solid #eee; padding: 12px 16px; font-size: 13px; margin-bottom: 15px; line-height: 2;\"\u003e 🔹 \u003cstrong\u003eBioenergie\u003c\/strong\u003e → \u003cstrong\u003e4Poodle Pro Shampoo\u003c\/strong\u003e → \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e 🔹 \u003cstrong\u003eBioenergie\u003c\/strong\u003e → \u003cstrong\u003ePlatin Pro\u003c\/strong\u003e → \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e 🔹 Falls eine Reparatur erforderlich ist: \u003cstrong\u003eEndlösung Ökologie\u003c\/strong\u003e Oder \u003cstrong\u003eStarkes Gas\u003c\/strong\u003e im Finish \u003c\/div\u003e \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 10px;\"\u003e \u003ctbody\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003ePudel (Toy, Zwerg, Standard, Royal)\u003c\/strong\u003e — Produkt, das traditionell für diese Rasse entwickelt wurde, unvergleichliches Ergebnis bei Locken.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichon Frisés, Bolonais – kontrollierte Lautstärke und Glättung.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Kerry Blue Terrier, Soft Coated Wheaten Terrier, Bedlington Terrier – lockiges oder welliges Fell muss vor dem Schneiden gezähmt werden.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Alle Rassen, deren Fell sich aufplustert, wellt oder vor dem Vorführen oder Schneiden geglättet werden muss.\u003c\/td\u003e\u003c\/tr\u003e \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Showhunde – Last-Minute-Konditionierung, Glanz und Präsentation vor dem Ring garantiert.\u003c\/td\u003e\u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES und Parabenen | Nicht an Tieren getestet | Recycelbar aus HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 ml","offer_id":40021095678131,"sku":"WEX-A4POO250 (44)","price":39.0,"currency_code":"EUR","in_stock":true},{"title":"1 Liter","offer_id":57210623099225,"sku":"(75)","price":93.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_5.png?v=1771967379"},{"product_id":"bombastic-special-one","title":"BOMBASTIC – das essentielle Serum ✨","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBOMBASTISCH\u003c\/strong\u003e ist die \u003cstrong\u003eRekonstruktive Flüssigfaser\u003c\/strong\u003e Special One – ohne Shampoo, ohne Spülung, ohne öliges Serum. Eine echte Innovation in der Tierkosmetik: \u003cstrong\u003eRemineralisierende + antioxidative + ultra-feuchtigkeitsspendende Wirkstoffe + Spurenelemente\u003c\/strong\u003e, im Zusammenhang mit \u003cstrong\u003ebiotechnologischer Katalysator\u003c\/strong\u003e ermöglicht eine einzigartige zelluläre Absorption. \u003cem\u003eWenn Sie es einmal ausprobiert haben, werden Sie nicht mehr ohne es leben können.\u003c\/em\u003e \u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird etwas wirklich Interessantes darin finden – Bombastic lässt sich integrieren in \u003cstrong\u003ejeder Schritt\u003c\/strong\u003e Pflege: als Maske vor dem Baden, im Shampoo, in der Spülung oder als zusätzlicher Schritt zwischen Shampoo und Spülung.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDank der Hefe \u003cstrong\u003eSaccharomyces cerevisiae\u003c\/strong\u003e, Der Mineralienkomplex von Bombastic arbeitet mit \u003cstrong\u003eniedermolekulare Glykopeptide\u003c\/strong\u003e Für \u003cstrong\u003eÜberwindung zellulärer Barrieren\u003c\/strong\u003e und dringen tief in das Fell ein. Ein Absorptionsgrad, den herkömmliche Formulierungen nicht erreichen. Das Ergebnis? \u003cem\u003eEin Fell, wie Sie es noch nie gesehen haben.\u003c\/em\u003e\u003c\/p\u003e \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin-bottom: 18px;\"\u003e⚠️ \u003cstrong\u003eZu meidende Bereiche:\u003c\/strong\u003e Bombastic sollte nicht auf Bereiche aufgetragen werden, in denen Volumen unbedingt vermieden werden muss – beispielsweise auf den Rücken eines Berner Sennenhundes oder Golden Retrievers mit widerspenstigem Fell, einen aufgeplusterten Hals, Oberschenkel mit Wirbeln oder das Fell eines Yorkshire Terriers\/Maltesers, das für den Ring wie ein Vorhang fallen soll.\u003c\/div\u003e \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21h18M5 21V11h4v10M15 21V7h4v14M9 16h6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenrekonstruktion\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eBaut die Haarfasern wieder auf. \u003cstrong\u003evon innen\u003c\/strong\u003e dank des biotechnologischen Komplexes aus Fermenten und Mineralien.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21v-8M12 13c0-3 2-5 5-5M12 13c0-3-2-5-5-5M12 21H8m4 0h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVerbessertes Wachstum\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerbessertes Haarwachstum, \u003cstrong\u003equalitativ und quantitativ\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 5h4M5 5v4M5 5l5 5M19 5h-4M19 5v4M19 5l-5 5M5 19h4M5 19v-4M5 19l5-5M19 19h-4M19 19v-4M19 19l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eVolumen erhalten\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eTrotz seines extrem hohen Nährstoffgehalts ist Bombastic \u003cstrong\u003eerhält oder verstärkt sogar die Lautstärke\u003c\/strong\u003e und natürliche Kleidung – unabhängig von der Hautfarbe.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M10 14a4 4 0 0 0 5.66 0l3-3a4 4 0 0 0-5.66-5.66l-1 1\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 10a4 4 0 0 0-5.66 0l-3 3a4 4 0 1 0 5.66 5.66l1-1\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Knoten\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003e \u003cstrong\u003eDeutlich verzögert\u003c\/strong\u003e die Rückkehr der Knoten nach dem Bad.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBrillanz \u0026amp; Outfit\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eA \u003cstrong\u003eGlanz- und Pflegeergebnisse\u003c\/strong\u003e deutlich verbessert.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19l14-14M16 5l3 3M9 5h.01M19 11h.01M5 11h.01M11 19h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eDieses gewisse Etwas\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eDieser visuelle und taktile Effekt, der sich schwer in Worte fassen lässt – aber der\u003cstrong\u003eman spürt es sofort\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEin besseres Verständnis der Handlungen von Bombastic\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv id=\"so-radar-area\" style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\"\u003e\u003csvg id=\"so-radar-svg\" style=\"width: 100%; height: 100%; overflow: visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Hydratation\", value: 5 }, { label: \"Brillance\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Démêlant\", value: 4 }, { label: \"Volume\", value: 4 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Bombastic Active JS MAPPING - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Bombastic: Biotechnologie im Dienste des Haares\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine einzigartige Formel, bei der \u003cstrong\u003eDie Biotechnologie wird in der Zookosmetologie eingesetzt.\u003c\/strong\u003e — ohne SLES, ohne Parabene, ohne Silikone.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Bombastic\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'q10', label:'Coenzyme Q10', latin:'Ubiquinone', family:'cond',\n desc:\"Précieux antioxydant cellulaire : il protège les cellules du poil et de la peau contre le vieillissement et les agressions oxydatives — indispensable à la jeunesse du manteau.\",\n targets: [\n { anchor:'epiderme', action:\"Action antioxydante\", benefit:\"Protège les cellules de la peau contre le stress oxydatif et le vieillissement.\" },\n { anchor:'derme', action:\"Énergie cellulaire\", benefit:\"Soutient le métabolisme énergétique des cellules cutanées.\" }\n ]\n },\n {\n id:'macadamia', label:'Huile de Macadamia', latin:'Macadamia ternifolia', family:'botanic',\n desc:\"Hydratante et restructurante : elle nourrit la fibre en profondeur et maintient le poil souple, brillant et dense.\",\n targets: [\n { anchor:'tige_poil', action:\"Nutrition restructurante\", benefit:\"Nourrit la fibre et maintient densité, souplesse et brillance.\" },\n { anchor:'cuticule', action:\"Souplesse retrouvée\", benefit:\"Adoucit la cuticule et apporte un toucher gainé sans alourdir.\" }\n ]\n },\n {\n id:'biotech', label:'Complexe Biotechnologique', latin:'Saccharomyces cerevisiae + Minéraux', family:'aqua',\n desc:\"\u003cstrong\u003eZinc, fer, magnésium, silicium, cuivre fermenté\u003c\/strong\u003e — activés par la levure pour \u003cstrong\u003esurmonter les barrières cellulaires\u003c\/strong\u003e et agir en profondeur avec une efficacité impossible par les voies classiques. C’est le cœur de l’innovation Bombastic.\",\n targets: [\n { anchor:'tige_poil', action:\"Reminéralisation profonde\", benefit:\"Apporte oligo-éléments fermentés directement au cœur de la fibre.\" },\n { anchor:'follicule', action:\"Soutien à la pousse\", benefit:\"Stimule la croissance qualitative et quantitative du poil.\" }\n ]\n },\n {\n id:'fleurs', label:'Distillats de Fleurs \u0026amp; Plantes', latin:'Hydrolats végétaux', family:'bio',\n desc:\"Agents actifs végétaux qui complètent le complexe minéral pour apporter \u003cstrong\u003edouceur, éclat et vitalité\u003c\/strong\u003e au manteau.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026amp; éclat\", benefit:\"Apaise le terrain cutané et apporte un éclat lumineux au poil.\" },\n { anchor:'cuticule', action:\"Toucher doux\", benefit:\"Confère un toucher fondant et un fini soyeux à la fibre.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e \u003c!-- STORYTELLING-EINSCHNITT: Biotechnologische Innovation --\u003e \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e🧬 Die bombastische Signatur\u003c\/span\u003e \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eWenn die Biotechnologie zelluläre Barrieren überwindet\u003c\/p\u003e \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eDie meisten kosmetischen Wirkstoffe bleiben erhalten \u003cem\u003eOberfläche\u003c\/em\u003e des Haares, das durch die natürliche Barriere der Kutikula an seinem Platz gehalten wird. \u003cstrong\u003eBiotechnologiekomplex\u003c\/strong\u003e Bombastic verwendet ein \u003cstrong\u003espezifische Hefe — \u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e\u003c\/strong\u003e — was produziert \u003cstrong\u003eniedermolekulare Glykopeptide\u003c\/strong\u003e fähig von \u003cstrong\u003ediese Zellbarriere überwinden\u003c\/strong\u003e. Die Mineralien (Zink, Eisen, Magnesium, Silizium, Kupfer) werden somit zugeführt \u003cem\u003eim Herzen\u003c\/em\u003e Die Faser wird durchdrungen, und nicht nur auf ihrer Oberfläche abgelagert. Diese Wirksamkeit ist mit herkömmlichen Formulierungen nicht zu erreichen.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Verdünnung P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 EL\/L\u003cbr\u003eoder als Ergänzung zu einem Produkt\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e150 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e500 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 l\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '17', g: '17', spoon: '1' },\n { target: '2 L', ml: '33', g: '33', spoon: '2' },\n { target: '4 L', ml: '67', g: '67', spoon: '4' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n [targetEl, mlEl, gEl, spoonEl, spoonLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSchnelle Pflege \u0026amp; wirtschaftliche\u003c\/span\u003eDie von Fachleuten bevorzugte Methode\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eIm Shampoo\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHinzufügen \u003cstrong\u003e1 bis 2 Esslöffel Bombastic\u003c\/strong\u003e Gib es in dein Shampoo. Wasche dein Haar zweimal mit dieser Mischung. Spüle es anschließend aus.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSprühoption (am wirtschaftlichsten)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünnen \u003cstrong\u003e1 c.Esslöffel Bombastic pro Liter Wasser\u003c\/strong\u003e, Auf das feuchte Fell sprühen. Einwirken lassen. \u003cstrong\u003e3-5 Minuten\u003c\/strong\u003e, Abspülen und mit dem Trocknen\/Bürsten beginnen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eOption ohne Abspülen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMischen \u003cstrong\u003e1 TL Bombastic + 1 TL Feuchtigkeitscreme + Wasser\u003c\/strong\u003e. Großflächig auftragen und anschließend direkt föhnen. \u003cstrong\u003enicht abspülen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eIntensive Umstrukturierung der Pelzindustrie\u003c\/span\u003eDoppelte Dosis Vorbad + Spülung\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaske vor dem Baden\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHinzufügen \u003cstrong\u003e1 Esslöffel Bombastic pro Liter Wasser\u003c\/strong\u003e in Ihrer üblichen Gesichtsmaske vor dem Baden (Bio Energy Plus, Hygro Fluid usw.).\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eHinzufügen \u003cstrong\u003e1 bis 2 Esslöffel Bombastic\u003c\/strong\u003e in Ihre Haarmaske geben. Einwirken lassen. \u003cstrong\u003e5 Minuten\u003c\/strong\u003e. Spülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eMaximale Synergie\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDieser doppelte Nutzen – vor und nach dem Haarewaschen – \u003cstrong\u003emaximiert das Eindringen mineralischer Wirkstoffe\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSelbstgemachte dicke Gesichtsmaske\u003c\/span\u003eBeschädigte Spitzen \u0026amp; gezielte Ernährung\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003cdiv style=\"background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; padding: 10px 14px; font-size: 12.5px; line-height: 1.55; margin-bottom: 12px;\"\u003e💡 \u003cstrong\u003eNaturschutz:\u003c\/strong\u003e Die zubereitete Mousse bleibt stabil, muss aber verwendet werden. \u003cstrong\u003einnerhalb von 48 Stunden\u003c\/strong\u003e Je nach Zubereitung. Kühl und trocken lagern, vor Hitze und direktem Licht schützen.\u003c\/div\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003e50\/50-Mischung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMischen \u003cstrong\u003e50 ml Bombastic + 50 ml kaltes Wasser\u003c\/strong\u003e in einem Behälter. Einige Minuten ruhen lassen – die Textur \u003cstrong\u003everdickt sich überraschend\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGezielte Anwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eTragen Sie diese dicke Maske auf die \u003cstrong\u003etrockenes Fell, beschädigte Spitzen, Stellen ohne Glanz oder Dichte\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003e3-in-1-Ergebnis\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVolumen, Nährstoffe und Ausstrahlung in einem Schritt — \u003cstrong\u003eohne jemals Gewicht hinzuzufügen\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003e🎀 Papilloten einpacken – Unterschrift Yulia Marenkova\u003c\/span\u003eAllein verwendet, der Liebling der Showpudel.\u003csvg class=\"aqr-proto-plus\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5v14M5 12h14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-body\"\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eHAT\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eReine Anwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGebraucht \u003cstrong\u003eallein\u003c\/strong\u003e Bombastic (unverdünnt) ist das bevorzugte Produkt des internationalen Händlers. \u003cstrong\u003eJulia Marenkova\u003c\/strong\u003e um die \u003cstrong\u003edie Schläfenlocken seiner Showpudel\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGewünschter Effekt\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eWirkung \u003cstrong\u003etrocken nährend\u003c\/strong\u003e wodurch die Fasern nicht fettig werden – das Haar bleibt in der Folienverpackung trocken, wodurch der „erstickende Haar“-Effekt vermieden wird.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eFördert das Wachstum\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eBei der Langzeitbehandlung mit Papilloten wird diese Anwendungsmethode angewendet. \u003cstrong\u003efördert aktiv das Wachstum\u003c\/strong\u003e und die Qualität des neuen Haares dank des biotechnologischen Mineralkomplexes.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdiv style=\"margin-top: 18px; padding: 14px 18px; background: #f5f5f7; border: 1px solid #e5e5e7; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e📌 \u003cstrong\u003eWichtig :\u003c\/strong\u003e Bombastisch \u003cstrong\u003eist kein Glättungsprodukt\u003c\/strong\u003e. Es stärkt die Fellstruktur und verbessert die Widerstandsfähigkeit des Haares gegen Bürsten und Trocknen – ist aber nicht für die mechanische Glättung gedacht.Für einen glättenden Effekt kombinieren Sie es mit \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e Oder \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Villanelle im Mittelpunkt + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eDie gesamte Special One-Produktreihe ist mit Bombastic kompatibel. Unsere Lieblingskombinationen: 🤝 \u003cstrong\u003eBain Pro\/Aquarosa Pro\/Aquapure Pro\/4Poodle Pro\u003c\/strong\u003e (Shampoos) \u003cstrong\u003eBioenergie\u003c\/strong\u003e (vor dem Baden) \u003cstrong\u003eFeuchtigkeitscreme\/Aqua Dolce\u003c\/strong\u003e (finale Maske) \u003cstrong\u003eAbsolute 4Poodle\/Mix Pink\/Style 360\u003c\/strong\u003e (Abschluss).\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine tiefgreifende Umstrukturierung ist notwendig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDoppelte Dosis: 1 EL vor dem Baden + 1-2 EL nach dem Baden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eSchnelle Pflege im Salon…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1-2 Esslöffel ins Shampoo geben + verdünntes Spray nach dem Ausspülen\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eHaarwickel für große und mittelgroße Ausstellungspudel…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBombastisch \u003cstrong\u003erein, wenn Ihr Hund ausreichend dichtes Fell hat\u003c\/strong\u003e (Unterschrift: Yulia Marenkova, die dies besonders gern an ihren großen und mittelgroßen Pudeln, schwarzen und weißen, macht)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003egewünschter Glättungseffekt…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eVerbinden Sie Bombastisch mit \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e Oder \u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eZone mit kontrollierter Lautstärke (Bouvier-Rückwand, Yorkshire-Vorhang)...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e❌ Gilt nicht für diese spezifischen Bereiche\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003estark beschädigte Spitzen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eSelbstgemachte Maske 50\/50 (Bombastic + kaltes Wasser)\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Bombastic den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Lockiges Fell \u003cspan\u003e(Pudel, Bichons, Kerry Blue, Soft Coated, Bedlington…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕🦺 Alle Hirten \u003cspan\u003e(Australier, Belgier, Deutsche…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle Cocker Spaniels \u003cspan\u003e(Amerikanisch, Englisch)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Tibetische Völker \u003cspan\u003e(Shih Tzu, Lhasa Apso, Tibet Terrier…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Englische Zwergspaniel \u003cspan\u003e(Fahrer \u0026amp; König Karl)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e💎 Langes Fell \u0026amp; seidig \u003cspan\u003e(Afghanen…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌊 Wasserhunde, Retriever \u0026amp; Viehhirten \u003cspan\u003e(Neufundländer, Berner Sennenhund, Golden Retriever…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Primitives\/Doppelmantel \u003cspan\u003e(Spitz, Eurasier, Samojeden…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦴 Terrier \u003cspan\u003e(Schottisch, Westie, Walisisch…)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste — Bombastic passt sich allen Fasern an, von den weichsten bis zu den widerspenstigsten.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Petdesign.fr","offers":[{"title":"1 Liter","offer_id":40087665017011,"sku":"WEX-BOM1000 (51)","price":86.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-2.png?v=1651833891"},{"product_id":"blue-sky-pro-bamboo-10-l","title":"Blue Sky Pro (Bambus) 10 L","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBLUE SKY PRO BAMBOO\u003c\/strong\u003e ist das Special One Multitasking-Shampoo, angereichert mit\u003cstrong\u003eBambusmarkextrakt\u003c\/strong\u003e. \u003cstrong\u003eWarnung: Dies ist nicht einfach eine parfümierte Version des klassischen Blue Sky Pro.\u003c\/strong\u003e — Dies ist ein Produkt mit verschiedenen Funktionen und Vorteilen, mit einem Fokus auf \u003cstrong\u003eUmstrukturierung und Remineralisierung\u003c\/strong\u003e sauber, ohne dabei seinen universellen Charakter zu verlieren.\u003c\/div\u003e \u003cdiv style=\"background: #fff3cd; border-left: 3px solid #e67e22; border-radius: 8px; padding: 12px 16px; font-size: 13px; line-height: 1.55; margin: 0 0 16px;\"\u003e❌ \u003cstrong\u003eBlue Sky Pro Bamboo ≠ Classic Blue Sky Pro.\u003c\/strong\u003e Seine Wasch- und Schaumkraft ist geringer als die des Standardmodells Blue Sky Pro. Für sehr verschmutzte Haustiere, die eine stärkere Reinigung erfordern, wählen Sie das Standardmodell. \u003cstrong\u003eBlue Sky Pro Classic oder Aquapure Pro\u003c\/strong\u003e.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eJeder wird darin etwas wirklich Interessantes finden — \u003cstrong\u003ebesonders nützlich in Wohnzimmern und Zuchtanlagen\u003c\/strong\u003e für regelmäßige Pflegebäder aller Fellarten.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eWettbewerber\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"3\" cy=\"7\" cx=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle r=\"2\" cy=\"11\" cx=\"17\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eBetreuer\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAngereichert mit einer Auswahl an Vermögenswerten, die dazu dienen \u003cstrong\u003ealle wichtigen Elemente in den Mantel integrieren\u003c\/strong\u003e, Blue Sky Pro Bamboo vereint sanfte Reinigung, Keratinrestrukturierung und Hautpflege. Seine Formel \u003cstrong\u003erückfettende Creme\u003c\/strong\u003e Lässt sich leicht auftragen und gewährleistet eine gleichmäßige Verteilung auf allen Arten von Fellen.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenreinigung \u0026amp; weich\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eTiefenreinigung ohne Austrocknen oder Reizen der Haut – auch für stark vernachlässigte Tiere geeignet.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 6h18M6 6v8M10 6v10M14 6v10M18 6v8M6 18h12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEntwirrer \u0026amp; einfaches Zähneputzen\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErleichtert das Entknoten und Bürsten der Haare.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eKeratinschutz\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eStärkt und schützt die Keratinstruktur von Fell und Haut.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBrillanz \u0026amp; Elastizität\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerbessert das Aussehen des Fells: natürlicher Glanz und dauerhafte Elastizität.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Funktionsweise des Blue Sky Pro Bamboo besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Reminéralisation\", value: 4 }, { label: \"Soin peau\", value: 4 }, { label: \"Démêlant\", value: 3 }, { label: \"Brillance\", value: 4 }, { label: \"Moussant\", value: 2 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (Active JS MAPPING Blue Sky Pro Bamboo - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Blue Sky Pro Bamboo: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine natürliche Rezeptur, die auf die \u003cstrong\u003eUmstrukturierung, Reinigung und Schutz\u003c\/strong\u003e — Frei von Parabenen und Silikonen. Hier erfahren Sie Zone für Zone, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Blue Sky Pro Bambou\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'bambou', label:'Extrait de Moelle de Bambou', latin:'Bambusa vulgaris', family:'botanic',\n desc:\"Actif signature aux propriétés régénérantes, reminéralisantes et apaisantes : il restitue les minéraux essentiels à la fibre et revitalise les manteaux fatigués.\",\n targets: [\n { anchor:'tige_poil', action:\"Reminéralisation\", benefit:\"Restitue les minéraux essentiels et revitalise la fibre fatiguée.\" },\n { anchor:'epiderme', action:\"Apaisement\", benefit:\"Apaise la peau et la régénère en douceur.\" }\n ]\n },\n {\n id:'thym', label:'Huile de Thym', latin:'Thymus vulgaris', family:'botanic',\n desc:\"Huile aux propriétés désodorisantes marquées, purifiantes et antioxydantes : elle assainit la peau et neutralise les mauvaises odeurs durablement.\",\n targets: [\n { anchor:'glande_seb', action:\"Purification \u0026 déodorisation\", benefit:\"Assainit la peau et neutralise les mauvaises odeurs au niveau du film cutané.\" },\n { anchor:'tige_poil', action:\"Protection antioxydante\", benefit:\"Protège la fibre du stress oxydatif.\" }\n ]\n },\n {\n id:'teatree', label:'Huile de Tea Tree (Théier)', latin:'Melaleuca alternifolia', family:'botanic',\n desc:\"Actif antiseptique naturel : il purifie, assainit et tonifie la peau, garantissant un lavage parfait même sur les zones sensibles.\",\n targets: [\n { anchor:'epiderme', action:\"Action antiseptique\", benefit:\"Purifie et assainit la peau, même sur les zones sensibles.\" },\n { anchor:'glande_sud', action:\"Effet tonifiant\", benefit:\"Tonifie la peau et limite les déséquilibres de surface.\" }\n ]\n },\n {\n id:'sawpalmetto', label:'Palmier de Floride (Saw Palmetto)', latin:'Serenoa repens', family:'cond',\n desc:\"Extrait nourrissant et protecteur : il répare la structure de la fourrure et confère un aspect exceptionnel au pelage.\",\n targets: [\n { anchor:'tige_poil', action:\"Réparation structurelle\", benefit:\"Répare la structure de la fibre et corrige ses anomalies.\" },\n { anchor:'cuticule', action:\"Aspect \u0026 toucher\", benefit:\"Confère un aspect exceptionnel et un toucher soigné au pelage.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Verdünnung P4: 3 einfache Karten (Verhältnis · Ausbeute · Animierte Äquivalenzen) --\u003e \u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eReferenzverdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-grid\"\u003e \u003c!-- KARTE 1: Verhältnis --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eVerhältnis\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1\/15 bis 1\/20, je nach Zustand\u003cbr\u003edes Mantels – sehr konzentriert\u003c\/div\u003e \u003c\/div\u003e \u003c!-- MAP 2: Ertrag --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eErtrag\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e250 ml\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e1 Liter\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 l\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-rend-row\"\u003e \u003cstrong\u003e5 l\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-note\"\u003esofort einsatzbereit\u003c\/div\u003e \u003c\/div\u003e \u003c!-- KARTE 3: Animierte Äquivalenzen --\u003e \u003cdiv class=\"aqr-dilution-cell\"\u003e \u003cdiv class=\"aqr-dilution-cell-label\"\u003eFür \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 Liter\u003c\/span\u003e fertiges Produkt\u003c\/div\u003e \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e ml \u003cspan\u003ein Volumen\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e G \u003cspan\u003eim Gewicht\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003eEsslöffel\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-dilution-eq-row\"\u003e \u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003ePumpendrücke\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eUniverselles Bad – für alle Fellarten, alle Altersgruppen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eDas grundlegende, schonende und restrukturierende Protokoll für ein Pflegebad für alle Fellarten\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAngemessene Verdünnung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVerdünnen Sie Blue Sky Pro Bamboo bei \u003cstrong\u003e1\/15 oder 1\/20\u003c\/strong\u003e mit warmem Wasser, je nach Zustand des Fells.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eCreme-Anwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAuf das nasse Haar auftragen und sanft einmassieren, um eine \u003cstrong\u003eweiche und geschmeidige Creme\u003c\/strong\u003e. Lassen Sie es einige Minuten einwirken.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eDoppelte Haarwäsche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eSpülen Sie die Oberfläche ab und wiederholen Sie den Vorgang ein zweites Mal. Gründlich spülen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eLetzte Pflege\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAbschließend mit \u003cstrong\u003eFeuchtigkeitscreme, Bombastic oder Aqua Dolce\u003c\/strong\u003e abhängig von den Bedürfnissen des Fells.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Blue Sky Pro Bamboo im Kern + modulare Erweiterungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eDas gesamte Special One Sortiment\u003c\/strong\u003e ist kompatibel mit dem Blue Sky Pro Bamboo.Unsere Lieblingsallianzen:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine zweite gezielte Shampoo-Anwendung wird empfohlen…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin letzter Feinschliff ist nötig…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme · Bombastic · Aqua Dolce\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEin makelloses Finish wie im Ausstellungsraum ist erwünscht…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Absolute 4Poodle · Style 360\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eEine starke Reinigungskraft ist erforderlich…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBlue Sky Pro Classic · Aquapure Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo der Blue Sky Pro Bamboo den Unterschied ausmacht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐱 Alle Katzen\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Alle Hunde im Wohnzimmer \u003cspan\u003e(kurzes, doppeltes oder mittellanges Haar) \u0026amp; (Scherenschnitte)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht erschöpfende Liste – ein restrukturierendes und remineralisierendes Pflegebad, per Definition universell.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Parabenfrei, silikonfrei | Nicht an Tieren getestet | Recycelbares HDPE\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"autre","offers":[{"title":"Default Title","offer_id":42152219803868,"sku":"WEX-BLSKYB10L (26)","price":164.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-17.png?v=1651836024"},{"product_id":"aqua-baby-paw","title":"Aqua Baby Paw - Shampoing Mousse Chiots","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eAQUA BABY PAW\u003c\/strong\u003e ist das Schaumshampoo \u003cstrong\u003eultraweich\u003c\/strong\u003e Special One – mit Liebe formuliert \u003cstrong\u003eDas erste Bad Ihres Welpen\u003c\/strong\u003e. Hergestellt aus Inhaltsstoffen kontrolliert biologischen Ursprungs, mit einem köstlichen Zuckerwatte-Duft, erhält es das physiologische Gleichgewicht der empfindlichen Haut von Kleinkindern – für ein weiches, glänzendes und zart duftendes Fell.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eSpeziell entwickelt für \u003cstrong\u003eWelpen bis zu 6 Monaten\u003c\/strong\u003e und für ausgewachsene Hunde mit empfindlicher Haut. Kompatibel mit allen Produkten der Special One-Reihe.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDie Haut eines Welpen ist viel empfindlicher als die eines erwachsenen Hundes und erfordert eine besonders schonende Reinigung. \u003cstrong\u003eWeicher und pflegender Schaum\u003c\/strong\u003e Entfernt Verunreinigungen gründlich, ohne die Haut zu reizen, den Hydrolipidfilm zu schädigen oder den pH-Wert zu beeinträchtigen – für ein leichtes, seidiges und angenehm duftendes Fell. Ideal für häufige Bäder ab den ersten Lebenswochen.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M19 4c0 6-5 11-11 11l-3 5h2l1-2c6 0 11-5 11-14z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eUltraweich \u0026amp; sicher\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eKontrollierte Bio-Formel, frei von Parabenen, SLES und DEA – perfekt auch für die empfindlichste Haut.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 4v16M7 8h10M6 8l-2.5 5a3 3 0 0 0 5 0zM18 8l-2.5 5a3 3 0 0 0 5 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003ePhysiologisches Gleichgewicht\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eErhält den natürlichen pH-Wert der Haut und bewahrt den Hydrolipidfilm intakt.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"15\" cx=\"9\"\u003e\u003c\/circle\u003e\u003ccircle r=\"3\" cy=\"9\" cx=\"15\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2\" cy=\"16\" cx=\"17\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eNährender Schaum\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eReinigt gründlich, ohne das Fell zu schädigen – das Fell wird weich, glänzend und leicht duftend.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eBeruhigend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eVerringert mögliche Hautreizungen und bietet sofortige Linderung für die empfindliche Haut des Welpen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eHäufiges Baden\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003ePerfekt geeignet für den regelmäßigen Gebrauch, ohne Risiko für Haut und Fell von Kleinkindern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Funktionsweise der Aqua Baby Paw besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Volume\", value: 4 }, { label: \"Hydratation\", value: 3 }, { label: \"Démêlant\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS aktiv Aqua Baby Paw - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Aqua Baby Paw: natürliche Wirkstoffe \u0026amp; gezielte Maßnahmen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eFünf Bio-Extrakte mit sich ergänzenden Eigenschaften, sorgfältig ausgewählt für die Sanftheit und den Schutz junger Haut — \u003cstrong\u003eSLES-frei, DEA-frei, parabenfrei\u003c\/strong\u003e. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf Haut und Haar wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aqua Baby Paw\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'avoine', label:'Lait d’Avoine', latin:'Avena sativa', family:'botanic',\n desc:\"Actif emblématique des soins pour peaux sensibles : il hydrate, apaise, restaure le film hydrolipidique, maintient le pH et prévient sécheresse et rougeurs.\",\n targets: [\n { anchor:'epiderme', action:\"Apaisement \u0026 hydratation\", benefit:\"Apaise la peau délicate et prévient sécheresse et rougeurs.\" },\n { anchor:'film_hydro', action:\"Restauration du film\", benefit:\"Restaure le film hydrolipidique et maintient le pH naturel.\" }\n ]\n },\n {\n id:'coton', label:'Fleurs de Coton', latin:'Gossypium', family:'botanic',\n desc:\"Extrait émollient et frais : il maintient le manteau doux et moelleux tout en protégeant la peau des agressions extérieures.\",\n targets: [\n { anchor:'tige_poil', action:\"Douceur \u0026 moelleux\", benefit:\"Laisse le pelage doux et moelleux au toucher.\" },\n { anchor:'epiderme', action:\"Protection cutanée\", benefit:\"Protège la peau délicate des agressions extérieures.\" }\n ]\n },\n {\n id:'amande', label:'Huile d’Amande Douce', latin:'Prunus dulcis', family:'cond',\n desc:\"Riche en vitamines et acides gras essentiels : émolliente, hydratante et assouplissante, elle nourrit en profondeur et confère brillance et douceur au pelage.\",\n targets: [\n { anchor:'film_hydro', action:\"Nutrition lipidique\", benefit:\"Nourrit le film hydrolipidique en profondeur avec ses acides gras essentiels.\" },\n { anchor:'cuticule', action:\"Brillance \u0026 souplesse\", benefit:\"Assouplit la cuticule et confère brillance et douceur au pelage.\" }\n ]\n },\n {\n id:'abricot', label:'Extrait d’Abricot', latin:'Prunus armeniaca', family:'bio',\n desc:\"Illuminant, régénérant et protecteur contre la déshydratation : il revigore le manteau et le laisse léger et soyeux au toucher.\",\n targets: [\n { anchor:'tige_poil', action:\"Éclat \u0026 régénération\", benefit:\"Revigore et illumine le manteau pour un toucher léger et soyeux.\" },\n { anchor:'film_hydro', action:\"Anti-déshydratation\", benefit:\"Protège la peau et le poil contre la déshydratation.\" }\n ]\n },\n {\n id:'camomille', label:'Camomille', latin:'Matricaria chamomilla', family:'botanic',\n desc:\"Apaisante et anti-inflammatoire : elle rééquilibre la peau, réduit les irritations et apporte une sensation de bien-être immédiate lors du bain.\",\n targets: [\n { anchor:'epiderme', action:\"Anti-inflammatoire\", benefit:\"Réduit les irritations et rééquilibre la peau délicate.\" },\n { anchor:'derme', action:\"Bien-être immédiat\", benefit:\"Apporte une sensation de bien-être et de confort en profondeur.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Gebrauchsfertiger Einsatz --\u003e \u003cdiv style=\"margin: 0 0 12px; padding: 14px 18px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e💡 \u003cstrong\u003eVor Gebrauch schütteln.\u003c\/strong\u003e Produkt \u003cstrong\u003esofort einsatzbereit\u003c\/strong\u003e — Unverdünnt auf das feuchte Haar auftragen, Verdünnen ist nicht erforderlich.\u003c\/div\u003e \u003cdiv style=\"margin-top: 4px;\" class=\"aqr-proto-list\"\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eDas erste Bad des Welpen\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eEin schöner Moment für Kleinkinder\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSchütteln Sie die Flasche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eVor Gebrauch die Flasche gut schütteln, um den Schaum zu homogenisieren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eReibungslose Anwendung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAnwenden \u003cstrong\u003eein paar Tropfen Schaumfestiger auf das feuchte Fell\u003c\/strong\u003e, Anschließend sanft einmassieren, um das Fell gleichmäßig zu verteilen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eGründlich mit lauwarmem Wasser abspülen. Bei Bedarf wiederholen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSpülung (später)\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAnfangs ist keine Spülung nötig. Sollte sich im Laufe der Zeit durch häufigeres Baden Bedarf ergeben, wechseln Sie zu...\u003cstrong\u003eFeuchtigkeitscreme\u003c\/strong\u003e um die Behandlung zu verbessern.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Aqua Baby Paw at the heart + modular supplements If... → Then --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eKompatibel mit \u003cstrong\u003ealle Produkte der Special One-Reihe\u003c\/strong\u003e, Ausnahmslos. Die einzige Empfehlung für den weiteren Verlauf:\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDer Mantel braucht langsam etwas Pflege…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eFeuchtigkeitscreme als abschließende Pflegespülung\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDer Welpe wächst (über 6 Monate hinaus)...\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eUpgrade auf Aquarosa Pro oder Bain Pro\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Aqua Baby Paw den Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle Welpen bis zu 6 Monaten \u003cspan\u003e(alle Rassen zusammen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌿 Erwachsene Hunde mit empfindlicher oder reaktiver Haut \u003cspan\u003e(Umweltfreundliches Waschmittel für alle Altersgruppen)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLange und nicht vollständige Liste – ein schäumendes Shampoo, das für die empfindlichste Haut entwickelt wurde.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":42162381881564,"sku":"WAQ-AQBP150 (123)","price":25.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-8.png?v=1651834650"},{"product_id":"bee-mousse-specialone","title":"Bee Mousse 150 ml – spezielle Unterlage für Hunde und Katzen","description":"\u003c!-- ============================================= DESIGNSYSTEM — Visuelle Verfeinerung ============================================ --\u003e \u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003c!-- BLOCK 1: EINLEITUNG --\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e \u003cstrong\u003eBienenmosse\u003c\/strong\u003e ist die \u003cstrong\u003eDesinfektionsschaum ohne Abspülen\u003c\/strong\u003e Speziell entwickelt für \u003cstrong\u003ePfoten und Ballen\u003c\/strong\u003e Ihres Hundes. Dank des \u003cstrong\u003eChlorhexidin\u003c\/strong\u003e und zu dem \u003cstrong\u003ePropolis\u003c\/strong\u003e, Es desinfiziert, schützt und spendet Feuchtigkeit – ideal nach Spaziergängen oder wenn der Hund im Hundesalon ankommt, um die Verbreitung von Viren einzuschränken.\u003c\/div\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eFür wen ist dieses Produkt gedacht?\u003c\/h2\u003e \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eEntwickelt für beide \u003cstrong\u003eHundesalons\u003c\/strong\u003e (Desinfektion der Pfoten bei Ankunft) und die \u003cstrong\u003ePersonen\u003c\/strong\u003e (nach jeder Fahrt). Kompatibel mit allen Special One Produkten.\u003c\/p\u003e \u003cdiv class=\"aqr-audience\"\u003e \u003cdiv class=\"aqr-audience-grid\"\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"6\"\u003e\u003c\/circle\u003e\u003ccircle r=\"2.5\" cy=\"18\" cx=\"18\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle fill=\"#1a1a1a\" r=\"1\" cy=\"11.5\" cx=\"12\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eHundefriseure\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eViehhalter\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-audience-card\"\u003e \u003cdiv class=\"aqr-audience-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#1a1a1a\" fill=\"none\" height=\"20\" width=\"20\" viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"4\" cy=\"8\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-audience-name\"\u003eEinzelpersonen\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- BLOCK 2: EXPERTISE \u0026 ERGEBNISSE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eSachverstand \u0026amp; Ergebnisse\u003c\/h2\u003e \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eDie Pfoten Ihres Hundes kommen ständig mit Straßen, Gras, Schlamm und manchmal auch mit schädlichen Substanzen in Kontakt. Bee Mousse ist ein \u003cstrong\u003eReinigungsschaum ohne Abspülen\u003c\/strong\u003e Es desinfiziert und schützt – ohne auszutrocknen, ohne zu fetten und ohne Spuren auf dem Boden zu hinterlassen. Praktisch: Die Anwendung dauert nur zwei Sekunden.\u003c\/p\u003e \u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e \u003cdiv class=\"aqr-benefits-grid\"\u003e \u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eTiefenreinigende Wirkung\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eChlorhexidin + Propolis: Beseitigt Bakterien und Verunreinigungen auf den Binden, beugt Infektionen und Reizungen vor.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eReinigen \u0026amp; macht weich\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003ePropolis („das natürliche Antibiotikum“) reinigt die Haut der Pfotenballen und lindert kleine Schnitte, Kratzer oder Rötungen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eEmpfindlich \u0026amp; Feuchtigkeitsspendend\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eSanfte Formel, die nicht austrocknet – die Pfoten bleiben geschmeidig, ohne Risse oder Trockenheit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-content\"\u003e \u003cdiv class=\"aqr-benefit-title\"\u003eSchnell \u0026amp; Wasser\u003c\/div\u003e \u003cdiv class=\"aqr-benefit-desc\"\u003eKein Wasser oder Abspülen erforderlich: Anwendung in zwei Sekunden nach jedem Spaziergang oder bei Ankunft im Salon.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003c!-- RADAREINHEIT (verschoben unter Expertise) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eDie Wirkungsweise von Bienenmousse besser verstehen\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eEine detaillierte Aufschlüsselung der kosmetischen Eigenschaften, Note für Note.\u003c\/p\u003e \u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e \u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e \u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Peau sensible\", value: 5 }, { label: \"Action assainissante\", value: 5 }, { label: \"Hydratation\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOCK 3: ZUSAMMENSETZUNG (MAPPING JS aktiv Bee Mousse - verifiziert) --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eZusammensetzung von Bienenmousse: gezielte Wirkstoffe \u0026amp; Aktion auf den Pads\u003c\/h2\u003e \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eZwei Anlagen zur Reinigung und zum Schutz der Pads — \u003cstrong\u003eSLES-frei, DEA-frei, parabenfrei\u003c\/strong\u003e. Hier wird Zone für Zone beschrieben, wie die einzelnen Wirkstoffe auf die Haut der Pfoten wirken.\u003c\/p\u003e \u003c!-- ABBILDUNG --\u003e \u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e \u003cdiv class=\"aqr-grid\"\u003e \u003cdiv class=\"aqr-col-list\"\u003e \u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-schema\"\u003e \u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Bee Mousse\" style=\"display: block; width: 100%; height: auto;\" id=\"aqrSchemaImg\" class=\"aqr-schema-img\"\u003e \u003csvg viewbox=\"0 0 100 225\" preserveaspectratio=\"none\" id=\"aqrOverlay\" class=\"aqr-overlay\"\u003e\u003c\/svg\u003e \u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-col-info\"\u003e \u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'chlorhexidine', label:'Chlorhexidine', latin:'Antibactérien \u0026 antifongique', family:'bio',\n desc:\"Puissant antibactérien et antifongique de référence : elle élimine les micro-organismes accumulés sur les coussinets après chaque sortie et prévient infections et irritations.\",\n targets: [\n { anchor:'epiderme', action:\"Désinfection ciblée\", benefit:\"Élimine bactéries et germes accumulés sur la peau des coussinets.\" },\n { anchor:'glande_sud', action:\"Prévention des infections\", benefit:\"Réduit les déséquilibres bactériens et prévient les infections cutanées.\" }\n ]\n },\n {\n id:'propolis', label:'Propolis', latin:'« L’antibiotique naturel »', family:'botanic',\n desc:\"Résine d’abeille aux propriétés antiseptiques, lénifiantes et protectrices : elle apaise les petites coupures et griffures, et favorise la régénération de la peau des coussinets.\",\n targets: [\n { anchor:'epiderme', action:\"Cicatrisation douce\", benefit:\"Apaise les petites coupures, griffures ou rougeurs et soutient la régénération.\" },\n { anchor:'film_hydro', action:\"Protection durable\", benefit:\"Protège la peau des coussinets des agents extérieurs et la maintient souple.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\u003cbr\u003e \u003c\/div\u003e \u003c!-- BLOCK 4: PROTOKOLLE --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtokolle \u0026amp; Anwendungshinweise\u003c\/h2\u003e \u003c!-- Gebrauchsfertiger Einsatz --\u003e \u003cdiv style=\"margin: 0 0 12px; padding: 14px 18px; background: #f0f7ff; border-left: 3px solid #4a90d9; border-radius: 8px; font-size: 13px; line-height: 1.55;\"\u003e💡 \u003cstrong\u003eVor Gebrauch schütteln.\u003c\/strong\u003e Mousse \u003cstrong\u003esofort einsatzbereit\u003c\/strong\u003e, \u003cstrong\u003ekein Spülen\u003c\/strong\u003e — direkt auf die Pads auftragen, ohne Wasser oder Verdünnung.\u003c\/div\u003e \u003cdiv style=\"margin-top: 4px;\" class=\"aqr-proto-list\"\u003e \u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e \u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAnwendung auf den Pads\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e \u003cdiv class=\"aqr-proto-content\"\u003e \u003cp class=\"aqr-proto-subtitle\"\u003eEine kurze Geste nach jedem Spaziergang oder bei der Ankunft im Salon\u003c\/p\u003e \u003col class=\"aqr-proto-steps\"\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eSchütteln Sie die Flasche\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eDie Flasche vor jedem Gebrauch gut schütteln, um den Schaum zu homogenisieren.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eGroßzügige Bewerbung\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eAnwenden \u003cstrong\u003eIch habe den Schaumstoff großzügig auf die Enden der verschmutzten Pads aufgetragen.\u003c\/strong\u003e, ohne Wasser zu benötigen.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eAbwischen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003eMit einem Tuch abwischen \u003cstrong\u003esauberes Handtuch\u003c\/strong\u003e. Hinterlässt keine Spuren am Boden – sofort wieder einsatzbereit.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"aqr-proto-step\"\u003e \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e \u003cdiv class=\"aqr-proto-step-body\"\u003e \u003cdiv class=\"aqr-proto-step-title\"\u003eHauptanwendungen\u003c\/div\u003e \u003cdiv class=\"aqr-proto-step-desc\"\u003e \u003cstrong\u003eIm Wohnzimmer\u003c\/strong\u003e, bei Ankunft des Hundes, um seine Pfoten zu desinfizieren und die Verbreitung von Viren von außen zu verhindern. \u003cstrong\u003eIn der Privatresidenz\u003c\/strong\u003e, nach der Rückkehr von jedem täglichen Spaziergang.\u003c\/div\u003e \u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BLOCK 5: VERBÄNDE \u0026 RENNEN --\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eEmpfohlene Verbände \u0026amp; Rennen\u003c\/h2\u003e \u003c!-- Bienenmousse im Mittelpunkt + modulare Ergänzungen Wenn... → Dann --\u003e \u003cdiv class=\"aqr-assoc\"\u003e \u003cp class=\"aqr-assoc-intro\"\u003eKompatibel mit \u003cstrong\u003ealle Produkte der Special One-Reihe\u003c\/strong\u003e, Ausnahmslos – es handelt sich um eine tägliche Nahrungsergänzung, die unabhängig vom Baden eingenommen wird.\u003c\/p\u003e \u003cdiv class=\"aqr-assoc-rules\"\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDer Hund kommt im Hundesalon an…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDesinfizieren Sie die Pfoten vor jeder anderen Behandlung mit Bienenmousse.\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eZurück von einem Spaziergang auf dem Privatgrundstück…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eExpress-Anwendung – kein Wasser, in 2 Sekunden\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-rule\"\u003e \u003cdiv class=\"aqr-assoc-if\"\u003e \u003cspan class=\"aqr-assoc-if-tag\"\u003eWENN\u003c\/span\u003e \u003cspan\u003eDann wünscht man sich ein komplettes Badezimmer…\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"aqr-assoc-then\"\u003e \u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eKompatibel mit allen Special One Shampoos\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003c!-- Rennen in abgerundeten Pillen --\u003e \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eWo Bee Mousse den Unterschied macht:\u003c\/h3\u003e \u003cdiv class=\"aqr-races-mosaic\"\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Alle Hunde \u003cspan\u003e(Alle Ethnien, alle Altersgruppen)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏠 Messen \u0026amp; Personen \u003cspan\u003e(tägliche Anwendung unabhängig vom Baden)\u003c\/span\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eEin einfacher Hygieneschritt, den man in die tägliche Routine integrieren kann – zum Beispiel nach einem Spaziergang oder bei der Ankunft im Salon.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e \u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiologisch abbaubar (über 90 %) | Frei von SLES, DEA, Parabenen und Silikonen | Nicht an Tieren getestet | HDPE-recycelbar\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"Petdesign.fr","offers":[{"title":"Default Title","offer_id":42162385223900,"sku":"WAQ-AQBEMO150 (139)","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Nouvelleversiontailleproduits-7.png?v=1651834521"},{"product_id":"catalogue-special-one-download","title":"Catalogue Petdesign (papier ou téléchargeable gratuitement)","description":"\u003cp\u003e\u003ca href=\"https:\/\/bit.ly\/CataloguePetdesignFR\"\u003e✅​ Cliquez ici pour télécharger le fichier au format pdf\u003cspan style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 1.4em;\"\u003e \u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003eEn version papier : un seul catalogue par commande. \u003c\/p\u003e","brand":"Petdesign.fr","offers":[{"title":"Papier","offer_id":42928752885980,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":false},{"title":"Informatique","offer_id":42928752918748,"sku":"CAT-SO-2023","price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/products\/Magazine_64446519-cc5e-4122-9a51-fce43ba6558d.png?v=1675851233"},{"product_id":"aqua-vita-le-pouvoir-de-la-cryotherapie","title":"AQUA VITA, le pouvoir de la cryothérapie *nouveau*","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n\u003cstrong\u003eAQUA VITA – CRIO THERAPY\u003c\/strong\u003e est le produit de beauté innovant Special One aux actifs certifiés BIO — aloès, marron d'Inde et vitamine C. Une \u003cstrong\u003evraie révolution dans le toilettage professionnel\u003c\/strong\u003e : sa mousse effervescente libère la peau des scories et cellules mortes, revitalise le pelage et procure au chien une sensation de fraîcheur et de détente unique pendant le traitement.\u003c\/div\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\n\u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — du salon professionnel au particulier souhaitant offrir une expérience spa à son animal.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n\u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC RADAR : DIAGRAMME COSMÉTOLOGIQUE --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cdiv style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\" id=\"so-radar-widget\"\u003e\n\u003cdiv style=\"padding: 24px 28px 20px; overflow: visible;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 22px; display: block;\"\u003eDiagramme cosmétologique de l'Aqua Vita\u003c\/span\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 340px; aspect-ratio: 1; margin: 0 auto; overflow: visible;\" id=\"so-radar-area\"\u003e\u003csvg viewbox=\"0 0 360 360\" style=\"width: 100%; height: 100%; overflow: visible;\" id=\"so-radar-svg\"\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Hydratation\", value: 4 },\n { label: \"Démêlant\", value: 2 },\n { label: \"Volume\", value: 4 },\n { label: \"Soin peau\", value: 5 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSa \u003cstrong\u003eformule effervescente unique\u003c\/strong\u003e agit comme un traitement détoxifiant — elle libère la peau des résidus et cellules mortes tout en revitalisant le pelage en profondeur. Elle favorise la circulation sanguine cutanée pour une pousse de poils sains, protège contre le stress oxydatif et gaine légèrement le poil sans coller — toucher sec et lisse garanti.\u003c\/p\u003e\n\u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n\u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRevitalisation :\u003c\/strong\u003e Aloès, marron d'Inde et vitamine C confèrent vitalité et brillance inégalées à la peau et au pelage.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation \u0026amp; apaisement :\u003c\/strong\u003e L'aloès élimine les cellules mortes, stimule la régénération cutanée et réduit l'inflammation.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eCirculation sanguine :\u003c\/strong\u003e Le marron d'Inde renforce la peau, favorise la croissance de poils sains et réduit démangeaisons et irritations.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eProtection antioxydante :\u003c\/strong\u003e La vitamine C protège contre les radicaux libres, prévient la perte de pigmentation et contribue à la production de collagène.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDémêlage \u0026amp; brushing facilité :\u003c\/strong\u003e Lisse la fibre, limite les nœuds et laisse un toucher sec et soyeux.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFraîcheur \u0026amp; détente :\u003c\/strong\u003e L'effet Crio Therapy procure une sensation immédiate de fraîcheur et de bien-être pendant le traitement.\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eBooster universel :\u003c\/strong\u003e S'intègre dans le shampoing, le masque ou le conditionneur pour amplifier leurs effets.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 3 : ACTIFS --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003ePrincipes actifs certifiés BIO — sans parabens, sans silicone.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Aloès (Aloe Vera)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eGrâce à son acide salicylique, élimine les cellules mortes, stimule la régénération cellulaire et réduit l'inflammation. Hydrate sans graisser et lisse la fibre pour limiter les nœuds.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Marron d'Inde (Hippocastanum)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eFavorise la circulation sanguine cutanée — renforce la peau, améliore la santé du pelage, réduit les démangeaisons, les irritations et resserre les pores.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Vitamine C\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003ePuissant antioxydant — protège contre les radicaux libres, prévient la décoloration du pelage et stimule la production de collagène pour une peau saine et élastique.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n\u003cstrong\u003e🍀 Caféine\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eTonifiante et stimulante — ravive l'éclat naturel du poil, tonifie les longueurs affaissées et renforce l'action antioxydante de la vitamine C.\u003c\/span\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n\u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eExemple 1 🔥 Application directe — soin revitalisant\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003eSur poil propre et humide :\u003cbr\u003e1. Appliquez une quantité suffisante d'Aqua Vita sur les zones présentant des problèmes (pellicules, peau grasse, mauvaises odeurs, poil terne).\u003cbr\u003e2. Massez doucement pour faire pénétrer le produit dans le pelage et la peau.\u003cbr\u003e3. Laissez agir \u003cstrong\u003e5 minutes\u003c\/strong\u003e — les actifs travaillent à revitaliser la peau et le pelage.\u003cbr\u003e4. Rincez si souhaité, ou laissez sécher naturellement — le rinçage n'est généralement pas nécessaire.\u003cbr\u003e5. Peignez et procédez au séchage habituel.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n\u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eExemple 2 🔥 Booster — intégré au shampoing, au masque ou au conditionneur\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003ePour amplifier les effets de vos soins habituels :\u003cbr\u003e💫 Ajoutez \u003cstrong\u003eune touffe de mousse dans le masque pré-bain Bio Energy concentré\u003c\/strong\u003e — cela active la formule et amplifie l'action hydratante dès la phase pré-bain.\u003cbr\u003e💫 Ajoutez Aqua Vita directement dans votre \u003cstrong\u003eshampoing\u003c\/strong\u003e pour renforcer son pouvoir revitalisant.\u003cbr\u003e💫 Mélangez-le à votre \u003cstrong\u003ecrème ou baume conditionneur\u003c\/strong\u003e pour une hydratation supplémentaire.\u003cbr\u003e💫 Ajoutez-le à l'\u003cstrong\u003eAquablu Pro\u003c\/strong\u003e pour intensifier la pénétration du pigment bleu dans la structure du poil (effet anti-jaunissement renforcé).\u003cbr\u003eL'effet effervescent favorise la pénétration des actifs dans la fibre — une efficacité amplifiée à chaque utilisation.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n\u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\u003cspan\u003eExemple 3 🔥 Conditionneur léger avant séchage\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003ePour conditionner le pelage avant le séchage :\u003cbr\u003e1. Après le bain, sur poil propre et essoré, appliquez une \u003cstrong\u003epetite quantité d'Aqua Vita\u003c\/strong\u003e.\u003cbr\u003e2. Peignez pour distribuer uniformément.\u003cbr\u003e3. Séchez comme à l'habitude — le poil est gainé légèrement sans coller, le brushing est fluide et le toucher final sec et lisse.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\u003cstrong\u003eToute la gamme Special One est compatible avec Aqua Vita\u003c\/strong\u003e — il s'intègre à n'importe quelle étape du protocole de bain. Association particulièrement efficace avec \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (activation de la formule) et \u003cstrong\u003eAquablu Pro\u003c\/strong\u003e (boost anti-jaunissement par effet effervescent).\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eTous les chiens et chats, toutes races, tous âges\u003c\/strong\u003e — universellement bénéfique sur n'importe quel type de pelage.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n\u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION OPTIONNELLE : TABLEAU TECHNIQUE (hors template) --\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; padding: 30px 20px; border-top: 2px dashed #e5e5e5;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #bbb; margin-bottom: 5px; display: block;\"\u003eDocumentation technique\u003c\/span\u003e \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 20px; display: block;\"\u003eComment fonctionne exactement ce produit ?\u003c\/span\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 8px;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eAction sur le poil — structure, texture, brillance\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eRedonne souplesse et élasticité\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eProtéines, phospholipides, sorbitol\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eRavive l'éclat naturel du poil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eVitamine C, caféine, aloe vera\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eTonifie les longueurs affaissées\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eCaféine, extrait de marron d'Inde\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eAssouplit les poils secs ou cassants\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003eGlycéryl stéarate, mannitol, aloe vera\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 8px;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eDémêlage, entretien \u0026amp; gestion des nœuds\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eFacilite le brushing\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eHydroxyethylcellulose, phospholipides\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eLisse la fibre pour limiter les nœuds\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eAloe vera, glycéryl stéarate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eLaisse un toucher sec et lisse\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eHydroxyethylcellulose, sorbitol\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eGaine légèrement le poil sans coller\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003ePolymères doux, agents filmogènes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 8px;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eSoins, nutrition \u0026amp; hydratation\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eHydrate peau et poil sans graisser\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eAloe vera, sorbitol, mannitol\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eNourrit les tissus cutanés\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003ePhospholipides, glycéryl stéarate\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eProtège de la déshydratation\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eHydroxyethylcellulose, agents filmogènes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eApporte vitamines et antioxydants\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003eVitamine C, caféine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff;\"\u003e\n\u003csummary style=\"padding: 12px 15px; cursor: pointer; font-weight: 600; background-color: #fafafa; font-size: 13px; display: flex; justify-content: space-between;\"\u003e\u003cspan\u003eDéséquilibres \u0026amp; hygiène problématique\u003c\/span\u003e \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 0; border-top: 1px solid #eee;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 12px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6;\"\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee; width: 55%;\"\u003eBénéfice\u003c\/th\u003e\n\u003cth style=\"padding: 8px 12px; text-align: left; border-bottom: 1px solid #eee;\"\u003eIngrédients impliqués\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eApaise les peaux réactives\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eAloe vera, marron d'Inde\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eResserre les pores\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eExtrait de marron d'Inde, caféine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0;\"\u003eRéduit les rougeurs légères\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; border-bottom: 1px solid #f0f0f0; color: #555;\"\u003eZinc gluconate, aloe vera\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px 12px;\"\u003eLutte contre le stress oxydatif\u003c\/td\u003e\n\u003ctd style=\"padding: 8px 12px; color: #555;\"\u003eVitamine C, caféine\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":47792372121945,"sku":"(406)","price":19.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/ce679d60-ec5c-40ef-92fd-99a9988ab6df.png?v=1744811415"},{"product_id":"aqua-beauty","title":"AQUA BEAUTY : spray bi phase anti statique plombant gainant démêlant","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eAQUA BEAUTY\u003c\/strong\u003e est le spray conditionneur professionnel Special One qui se distingue par deux actions majeures : un \u003cstrong\u003edémêlage optimisé, aussi rapide qu'efficace\u003c\/strong\u003e, et un \u003cstrong\u003elissage \/ défrisage immédiat\u003c\/strong\u003e du pelage. Un \"must have\" dans toutes les mallettes de toilettage.\n \u003c\/div\u003e\n\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\n \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — de la mallette du toiletteur professionnel à la brosse du particulier au quotidien.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR : DIAGRAMME COSMÉTOLOGIQUE --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e\n \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eDiagramme cosmétologique de l'Aqua Beauty\u003c\/span\u003e\n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Brillance\", value: 5 },\n { label: \"Gainage\", value: 5 },\n { label: \"Volume\", value: 1 },\n { label: \"Hydratation\", value: 4 },\n { label: \"Démêlant\", value: 5 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAqua Beauty agit sur le pelage comme un \u003cstrong\u003epuissant agent restructurant et hydratant\u003c\/strong\u003e. Sa double action protège autant la fourrure mal entretenue des clients peu soigneux en salon que les manteaux très sollicités des chiens d'exposition. Un seul spray suffit pour retrouver un poil glissant, détendu et parfaitement lissé.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLissage \u0026amp; défrisage :\u003c\/strong\u003e Supprime les ondulations et les frisottis du pelage immédiatement.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eConditioning intense :\u003c\/strong\u003e Gaine, protège et conditionne fortement le poil.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDémêlage rapide :\u003c\/strong\u003e Action efficace sur les nœuds, même à sec.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-électricité statique :\u003c\/strong\u003e Élimine l'effet électrostatique pour un brossage fluide.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation :\u003c\/strong\u003e Apporte de l'eau et de la souplesse à la fibre en profondeur.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-casse :\u003c\/strong\u003e Renforce la résistance du poil et limite les ruptures.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-nœuds durables :\u003c\/strong\u003e Retarde significativement le retour des nœuds entre les bains.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBrushing facilité :\u003c\/strong\u003e Rend le poil glissant et détendu, même lorsqu'on ressent de l'accroche en début de séchage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRéparateur :\u003c\/strong\u003e Remédie aux dommages causés par le vent, la pollution et le séchage intensif au sèche-cheveux.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eNon gras :\u003c\/strong\u003e Contrairement aux huiles, il démêle sans graisser le poil — utilisable avant le bain sans risque de mauvais rinçage ni de tache sur les manteaux blancs.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation naturelle ciblée sur la restructuration, l'hydratation et l'éclat — sans parabens.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Extrait d'Orchidée\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en minéraux et polysaccharides : hydratant, adoucissant, régénérant et anti-âge. Confère au poil un effet velouté et élastique grâce à sa capacité protectrice.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Tulipe Africaine (Spathodea campanulata)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en flavonoïdes, anthocyanes et triterpénoïdes aux propriétés antioxydantes, astringentes et apaisantes. Illumine le manteau, répare les dommages causés par le vent, la pollution et le séchage au sèche-cheveux.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Protéines Hydrolysées de Blé\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eExcellent effet antistatique et filmant — sans graisser le poil. Ordonne les manteaux légers et fins, évite l'effet \"volant\" sans alourdir ni tacher.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e\n 💡 Mode d'emploi de base : vaporiser à \u003cstrong\u003e20–30 cm\u003c\/strong\u003e du poil, puis brosser ou peigner.\n \u003c\/div\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 1 🔥 Brossage quotidien entre les bains\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Aqua Beauty est \u003cstrong\u003ele compagnon idéal des brossages entre les bains\u003c\/strong\u003e. Au quotidien, vaporisez sur le manteau sec ou légèrement humidifié, à 20–30 cm.\u003cbr\u003e\n Brossez section par section. Le poil se lisse, se détend et retrouve son éclat naturel sans aucun rinçage. Résultat immédiat, manipulation rapide.\u003cbr\u003e\u003cbr\u003e\n \u003cstrong\u003e💡 Finition franges Spaniel :\u003c\/strong\u003e vaporisez directement sur les franges et peignez pour les modeler et les définir — touche finale impeccable avant une exposition.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 2 🔥 Démêlage à sec — nœuds \u0026amp; fourrures accrochantes\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Sur les zones à nœuds ou lorsque le poil accroche en début de séchage :\u003cbr\u003e\n 1. Vaporisez Aqua Beauty directement sur la zone concernée, à 20–30 cm.\u003cbr\u003e\n 2. Laissez pénétrer quelques secondes.\u003cbr\u003e\n 3. Démêlez à la main ou au peigne, puis finissez au brosse. Le poil devient \u003cstrong\u003eglissant et détendu\u003c\/strong\u003e, le démêlage s'effectue sans douleur ni casse.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 3 🔥 Finition après bain — séchage \u0026amp; brushing\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Aqua Beauty s'intègre parfaitement comme \u003cstrong\u003eétape de finition après le bain\u003c\/strong\u003e, en complément de l'Hydrating Cream ou du Bio Energy :\u003cbr\u003e\n 1. Une fois le poil partiellement séché, vaporisez Aqua Beauty sur l'ensemble du manteau.\u003cbr\u003e\n 2. Brossez section par section en continuant le séchage au sèche-cheveux.\u003cbr\u003e\n Le poil se lisse, l'électricité statique disparaît et le brushing final est nettement facilité — résultat professionnel garanti.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003eToute la gamme Special One est compatible avec Aqua Beauty. Nos alliances préférées :\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\n 🤝 \u003cstrong\u003eHydrating Cream \u0026amp; Bio Energy Plus\u003c\/strong\u003e en après-shampoing — synergie parfaite conditioning + lissage\n \u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eToutes les races, sans exception\u003c\/strong\u003e — ce produit s'adapte à tous les types de manteaux.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eMaltais\u003c\/strong\u003e — poil fin, électrostatique, sujet aux nœuds et aux taches d'huile sur robe blanche : Aqua Beauty a précisément été conçu pour répondre à ces contraintes. Le \"conditionneur des Maltais\".\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures soyeuses et longues (Yorkshire, Afghans, Cockers, Setters) — lissage et brillance remarquables.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Caniches — allège et ordonne le manteau sans le friser (à la différence d'Absolute 4Poodle, qui lui est dédié au volume).\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures doubles (Bergers, Golden, Spitz) — démêlage facilité entre les bains.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Chiens d'exposition — protection renforcée des manteaux très sollicités, fini impeccable.\u003c\/td\u003e\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 ml","offer_id":48523070013785,"sku":"WAQ-AQBE250 (30)","price":44.0,"currency_code":"EUR","in_stock":true},{"title":"1 Liter","offer_id":57210605470041,"sku":"(17)","price":103.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_3.png?v=1771967180"},{"product_id":"botanic-safe","title":"BOTANIC SAFE - spray protecteur insectes","description":"\u003cp\u003eAvec l'arrivée de la saison des moustiques, il est essentiel de protéger nos amis à quatre pattes contre ces insectes gênants. Les moustiques tigres, géants ou encore les plus petits sont prêts à piquer tout le monde, y compris nos compagnons fidèles. Botanic Safe est la solution naturelle que vous attendiez pour les protéger efficacement pendant leurs promenades.\u003c\/p\u003e\n\u003cp\u003eDes nuisibles volants de toutes tailles : moustiques tigres, géants, petits et rapides, prêts à piquer tout le monde, y compris nos amis à quatre pattes. \u003c\/p\u003e\n\u003cp\u003eNotre solution ? \u003c\/p\u003e\n\u003cp\u003eLe spray de protection naturelle Botanic Safe.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #67be11;\" data-mce-style=\"color: #67be11;\"\u003e\u003cstrong\u003eBotanic Safe est un spray naturel sans gaz pour la protection contre les insectes, formulé avec des huiles essentielles.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv\u003e\u003cspan\u003eEn plus de ne contenir aucun gaz, ce spray offre une application facile et sécurisée, même lorsque le flacon est incliné.\u003c\/span\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eTout le monde y trouvera un réel intérêt !\u003c\/div\u003e\n\u003cdiv\u003e✅ Toiletteurs ✅ Eleveurs ✅ Particuliers ✅ Compétiteurs ✅ Handlers\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eDans quelle catégorie de produit rentre Botanic Safe ?\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eBotanic Safe est principalement utilisé en tant que spray protecteur contre les insectes pour les chiens, petits animaux et chevaux.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eMais beaucoup vont également apprécier ses qualités\u003cbr\u003e\n\u003c\/div\u003e\n\u003cul class=\"usage-list\"\u003e\n\u003cli\u003e👍 Avant et pendant les promenades\u003c\/li\u003e\n\u003cli\u003e👍 En protection sur les zones à poils fins ou peu de poils\u003c\/li\u003e\n\u003cli\u003e👍 En protection régulière en période de forte activité des insectes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eDans quelle catégorie de produit rentre Botanic Safe ?\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cul class=\"benefits-list\"\u003e\n\u003cli\u003e✅ Une protection efficace contre une variété d'insectes\u003c\/li\u003e\n\u003cli\u003e✅ Une application non grasse et au parfum naturel agréable\u003c\/li\u003e\n\u003cli\u003e✅ Une formule sans produits chimiques nocifs\u003c\/li\u003e\n\u003cli\u003e✅ Un usage sûr pour les animaux et respectueux de l'environnement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eUne composition naturelle !\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eLa formulation de Botanic Safe est enrichie avec des huiles essentielles telles que :\u003c\/div\u003e\n\u003cul class=\"ingredients-list\"\u003e\n\u003cli\u003e🍀 Eucalyptus Globulus Leaf Oil (Huile de Feuille d'Eucalyptus) : Connu pour ses propriétés répulsives contre les moustiques et autres insectes, cet ingrédient aide également à apaiser les piqûres.\u003c\/li\u003e\n\u003cli\u003e🍀 Melaleuca Alternifolia Leaf Oil (Huile de Feuille de Melaleuca) : Réputé pour ses propriétés antimicrobiennes et antiseptiques, l'huile de Melaleuca est également un excellent répulsif naturel.\u003c\/li\u003e\n\u003cli\u003e🍀 Cymbopogon Winterianus Herb Oil (Huile de Citronnelle) : L'huile de citronnelle interfère avec les signaux olfactifs des insectes, les éloignant efficacement.\u003c\/li\u003e\n\u003cli\u003e🍀 Pelargonium Graveolens Flower Oil (Huile de Fleur de Géranium) : Cet ingrédient est efficace contre les moustiques et autres insectes grâce à ses composés actifs comme le geraniol et le citronellol.\u003c\/li\u003e\n\u003cli\u003e🍀 Citronellol : Un composant des huiles essentielles de citronnelle et de géranium, connu pour ses propriétés répulsives contre les moustiques.\u003c\/li\u003e\n\u003cli\u003e🍀 Geraniol : Présent dans les huiles essentielles, le geraniol est un puissant répulsif pour les moustiques.\u003c\/li\u003e\n\u003cli\u003e🍀 Limonene : Un composé aromatique avec des propriétés répulsives et insecticides, présent dans de nombreux agrumes.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eLe résultat ? \u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eUne protection naturelle efficace pour un bien-être optimal de vos animaux !\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eExemples et suggestions d'utilisations\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eExemple 1 🔥 Pour une promenade en toute tranquillité :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\nAvant de partir en promenade, vaporisez Botanic Safe sur le pelage de votre animal à une distance de 20-30 cm, en évitant la zone des yeux. Appliquez davantage sur les zones des oreilles pour une protection optimale.\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eExemple 2 🔥 Pour une protection renforcée :\u003c\/strong\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003eEn période de forte activité des insectes, appliquez Botanic Safe toutes les 4 heures pour maintenir l'effet répulsif. Si le pelage est mouillé, réappliquez le produit après séchage.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eConseils d'utilisation :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eUstensiles nécessaires :\u003cbr\u003e\n\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eUn flacon de Botanic Safe\u003c\/li\u003e\n\u003cli\u003eUn chiffon ou une éponge pour l'application\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch6\u003e\n\u003cbr\u003e1. Secouez le flacon avant chaque utilisation.\u003cbr\u003e2. Tenez le flacon à 20-30 cm de distance de l'animal.\u003cbr\u003e3. Vaporisez uniformément sur le pelage.\u003cbr\u003e4. Réappliquez toutes les 4 heures ou après une baignade.\u003c\/h6\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cstrong\u003eBien utiliser le spray, nos conseils :\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eUstensiles nécessaires :\u003cbr\u003e\n\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eUn flacon de Botanic Safe\u003c\/li\u003e\n\u003cli\u003eUn chiffon ou une éponge pour l'application\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch6\u003e\n\u003cbr\u003e1. Secouez le flacon avant chaque utilisation.\u003cbr\u003e2. Tenez le flacon à 20-30 cm de distance de l'animal.\u003cbr\u003e3. Vaporisez uniformément sur le pelage.\u003cbr\u003e4. Réappliquez toutes les 4 heures ou après une baignade.\u003c\/h6\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center;\" data-mce-style=\"text-align: center;\"\u003e \u003c\/p\u003e\n\u003cdiv\u003e\n\u003cp\u003eVous pouvez appliquer sur l'animal directement ou en utilisant un chiffon. Ne rincez pas.\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eAssociations recommandées\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003cdiv\u003eToute la gamme Special One est compatible avec Botanic Safe.\u003c\/div\u003e\n\u003cdiv\u003eCependant, nos alliances préférées sont :\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"association-list\"\u003e\n\u003cli\u003e🤝 Utilisation avec des shampoings doux comme Bain Pro qui est déjà insecticide\u003c\/li\u003e\n\u003cli\u003e🤝 Complément avec des produits apaisants après-shampoing comme Hydrating cream\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable data-mce-fragment=\"1\" cellspacing=\"1\" cellpadding=\"1\" border=\"0\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" bgcolor=\"303030\" pixels=\"\"\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\" style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\"\u003e\u003cspan\u003eNos engagements\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cul class=\"commitments-list\"\u003e\n\u003cli\u003e✅ Cosmétiques biodégradables à +90%\u003c\/li\u003e\n\u003cli\u003e✅ Sans SLES, Sans Paraben, Sans silicone\u003c\/li\u003e\n\u003cli\u003e✅ Non testé sur les animaux\u003c\/li\u003e\n\u003cli\u003e✅ Emballage recyclable PEHD02\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cspan\u003eQuestions Fréquemment Posées :\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cul class=\"faq-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ : Quelle est la fréquence d'utilisation recommandée ?\u003c\/strong\u003e\u003cbr\u003eR : Il est conseillé de vaporiser Botanic Safe avant chaque promenade, en maintenant une distance de 20-30 cm du pelage. Réappliquez toutes les 4 heures pour un effet continu.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ : Quels sont les endroits spécifiques à couvrir ?\u003c\/strong\u003e\u003cbr\u003eR : Assurez-vous de bien couvrir l'ensemble du pelage, en portant une attention particulière aux zones des oreilles et des parties avec peu de poils.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQ : Le produit est-il sûr pour une application fréquente ?\u003c\/strong\u003e\u003cbr\u003eR : Oui, Botanic Safe est un produit naturel sans risque de surdosage. Cependant, si votre animal montre des signes d'irritation, il est recommandé d'arrêter l'utilisation et de consulter un vétérinaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003cdiv class=\"section-title\"\u003e\u003cspan\u003ePolyvalence du produit :\u003c\/span\u003e\u003c\/div\u003e\n\u003cp\u003eEn plus de protéger vos animaux, Botanic Safe peut également être utilisé pour repousser les insectes autour des fenêtres et dans les environnements domestiques. Ses huiles essentielles créent une barrière naturelle contre les nuisibles.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":48582002147673,"sku":"-409","price":19.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/bb6ef296-d4a9-447c-9f10-685a518ae479-1_926fe980-0df8-465c-8dbb-c31d63455a2a.jpg?v=1723135135"},{"product_id":"ciuri-ciuri-parfum-luxe-by-special-one","title":"Ciuri Ciuri, Parfum Luxe by Special One","description":"\u003cp\u003eDécouvrez \"Ciuri Ciuri\", la dernière addition à la gamme Perfume Line de Special One, spécialement conçue pour les chiens. Ce parfum floral frais est le résultat d'une recherche olfactive avancée, visant à améliorer l'expérience de toilettage pour nos compagnons canins. Combinant des extraits naturels de violette, d'orange, de rose et de géranium, \"Ciuri Ciuri\" assure une fraîcheur durable et une douceur enveloppante.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCaractéristiques Techniques :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eComposition :\u003c\/strong\u003e Formule riche en extraits naturels de violette, fleur d'oranger, rose, géranium, jasmin et musc blanc.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat :\u003c\/strong\u003e Flacon vaporisateur de 100 ml.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité :\u003c\/strong\u003e Effet prolongé jusqu'à 24 heures voire plus, après application.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSécurité :\u003c\/strong\u003e Hypoallergénique et testé dermatologiquement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"Default Title","offer_id":48582173851993,"sku":"-303","price":46.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/unnamed_27352854-0de6-4185-95ef-b03c0f3da72e.jpg?v=1720434924"}],"url":"https:\/\/petdesign.fr\/de\/collections\/cosmetiques-special-one.oembed?page=3","provider":"Petdesign.fr","version":"1.0","type":"link"}