{"title":"Cosmétiques Special One","description":"\u003ch1\u003eSpecial One, c'est à notre avis la meilleure marque de shampoings, masques et soins pour animaux au monde, avec le meilleur rapport qualité-prix.\u003c\/h1\u003e\n\u003ch2\u003e\n\u003cspan class=\"fontstyle0\"\u003eSpecial One s’occupe de tout pour donner de la valeur à votre toilettage\u003c\/span\u003e chien chat\u003c\/h2\u003e\n\u003cp\u003eVoici en quelques mots les grands concepts qui caractérisent la marque :\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eVous avez les moyens de répondre, de manière performante et économique, à toutes les situations du quotidien, de la plus simple à la plus technique... Des cosmétiques \u003ca href=\"https:\/\/www.petdesign.fr\/content\/10-bain\"\u003eshampoing chien\u003c\/a\u003e qui vous donneront des ailes au quotidien.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eRévélez votre talent grâce à des cosmétiques de la plus haute performance. Valorisez les différences en ayant la possibilité de faire du sur-mesure.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eChaque animal confé mérite le plus grand soin : choix d’ingrédients les plus naturels, hydratants,\u003cbr\u003erespectueux et biodégradables à 95%. Chaque toiletteur doit avoir confance en ses cosmétiques : les manipulant chaque jour, il doit préserver sa peau !\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"fontstyle0\"\u003eDevenez de vrais professionnels du toilettage, au sens le plus noble du terme.\u003cbr\u003eDes performances uniques dans tous les domaines : Lavage • Démêlage • Soin • Pousse du poil •\u003cbr\u003eHygiène • Séchage • Brushing • Récupération de pelage • Tenue dans le temps • Volume • Gainage • Plombant • Texture • Epilation Chien ...\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eCe travail est le fruit d'une collaboration acharnée et passionnée entre des acteurs engagés : toiletteurs, chercheurs, laboratoires... tous se donnent au maximum pour avoir les meilleurs cosmétiques mondiaux !\u003c\/p\u003e\n\u003cp\u003eNotre site propose les meilleurs shampooings pour le toilettage canin et félin. Shampooings pour nourrir le poil, shampooings pour démêler, shampooings pour donner du volume, shampooings pour durcir le poil des terriers, shampooings pour le poil double, shampooings bon marché et économiques pour les éleveurs et les toiletteurs, shampooings dégraissants, shampooings universels, shampooings pour chats, shampooings traitants et soignants pour tous les problèmes de peau, shampooings à l'argile, shampooings à l'huile végétale....\u003cbr\u003e\u003cbr\u003eVous trouverez sur notre site le shampooing idéal pour votre animal. Il y a des shampooings pour nourrir le pelage, des shampooings pour démêler, des shampooings pour donner du volume, des shampooings pour durcir le pelage des terriers, des shampooings pour le double pelage, des shampooings bon marché et économiques pour éleveur et épicière. Il existe des shampooings dégraissants, des shampooings universels, des shampooings à l'argile et bien d'autres encore.\u003cbr\u003e\u003cbr\u003eNous proposons les meilleurs shampooings, tant pour le toilettage canin que félin. Nous avons également des shampooings anti-graisse, des shampooings dégraissants et hydratants, ainsi que des solutions spéciales pour tous les problèmes des animaux de compagnie.\u003cbr\u003e\u003cbr\u003eNos produits capillaires et nos produits de soin ont été développés par nos experts pour faire ressortir le meilleur de votre chien.\u003cbr\u003e\u003cbr\u003eGagnez du temps et faites vos achats en ligne dès aujourd'hui !\u003cbr\u003e\u003cbr\u003eNotre site propose les meilleurs shampooings pour le toilettage canin et félin. Notre sélection comprend des shampooings conçus pour nourrir le pelage, donner du volume, durcir les poils des terriers et les poils doubles. Ils ont également un prix économique convenant aussi bien aux professionnels et aux éleveurs qu'au grand public.\u003cbr\u003e\u003cbr\u003eDogOmatic est le meilleur magasin en ligne de toilettage pour chiens. Nous avons des shampooings pour animaux de la plus haute qualité disponibles auprès de marques de confiance comme Sporn. Nos shampooings ne se contentent pas de nettoyer votre ami à fourrure ; ils soignent sa peau, gardent son pelage sain et brillant, et lui permettent de sentir bon.\u003cbr\u003e\u003cbr\u003eCes shampooings sont spécialement conçus pour nettoyer les poils de vos animaux, les rendant doux, brillants et non emmêlés. Ils sont également proposés à un prix abordable, de sorte que vous ne ferez pas sauter la banque tout en mettant votre animal en forme.\u003cbr\u003e\u003cbr\u003eNos shampooings pour animaux de compagnie ont été créés pour répondre à une grande variété de besoins. Des produits de haute qualité à des prix abordables, nous fournissons exactement ce dont vous avez besoin pour toiletter votre animal de la meilleure façon possible.\u003cbr\u003e\u003cbr\u003eNos shampooings pour animaux de compagnie laisseront à vos chiots une sensation de douceur, de santé et de vitalité. Ils sentent bon pour que tout le monde puisse profiter de la douceur de votre animal.\u003cbr\u003e\u003cbr\u003eLe choix le plus économique pour des résultats de toilettage professionnels, personnels et durables.\u003cbr\u003e\u003cbr\u003eSi vous aimez votre chien ou votre chat, vous voulez le meilleur pour eux. Et quelle meilleure façon de le faire qu'en les baignant dans de luxueux shampooings biologiques ?\u003cbr\u003e\u003cbr\u003eVous êtes à la recherche d'un shampooing professionnel pour votre compagnon canin ou félin ? Ne cherchez pas plus loin. Notre site propose les meilleurs shampooings formulés pour nettoyer et hydrater en douceur le pelage de toutes les races de chiens et de chats, en laissant derrière eux un arôme frais. Nous avons des produits avec des ingrédients tels que des huiles naturelles, des détergents, des argiles, et plus encore pour nourrir sainement la peau et le pelage.\u003cbr\u003e\u003cbr\u003eVous recherchez un shampooing professionnel pour votre compagnon canin ou félin ? Ne cherchez pas plus loin. Nous avons certains des meilleurs shampooings formulés pour nettoyer en douceur et hydrater le pelage de toutes les races de chiens et de chats, en laissant derrière eux un arôme frais. Nos produits contiennent des huiles naturelles, des détergents, des argiles et d'autres éléments pour nourrir sainement la peau et le pelage.\u003cbr\u003e\u003cbr\u003eNous nous consacrons à fournir le meilleur shampooing pour chiens et chats, en vous offrant des produits de qualité soutenus par une garantie de satisfaction à 100 %. Nous avons passé les 25 dernières années à perfectionner des formules naturelles afin de fournir de grands shampooings entièrement naturels que votre animal de compagnie adorera.\u003cbr\u003e\u003cbr\u003eVous recherchez le shampooing idéal pour le pelage de votre animal ? Vous pouvez faire confiance à notre shampooing professionnel pour prendre soin de tout chiot ou chaton. Cette formule entièrement naturelle sent bon et présente un équilibre parfait entre les huiles et les détergents pour nettoyer et protéger tous les types de poils.\u003cbr\u003e\u003cbr\u003eNous avons des produits de shampooing pour chiens et chats, ainsi que des accessoires de toilettage. Nous offrons un service client personnalisé qui répond aux besoins spécifiques de votre chien.\u003cbr\u003e\u003cbr\u003eEssayez nos shampooings sur vos animaux de compagnie et vous nous remercierez plus tard.\u003cbr\u003e\u003cbr\u003eVous avez une question sur l'un de nos shampooings ? N'hésitez pas à nous contacter. Notre équipe est à votre disposition pour répondre à toutes vos questions, vous conseiller et trouver le shampooing le mieux adapté à vos besoins.\u003cbr\u003e\u003cbr\u003eNotre équipe peut répondre à toutes vos questions et vous proposer le shampooing le mieux adapté à vos besoins.\u003cbr\u003e\u003cbr\u003eChacun de nos représentants du service clientèle est hautement qualifié pour répondre à votre question sur un shampooing spécifique. Ils peuvent également vous conseiller sur le shampooing approprié en fonction de votre type de cheveux.\u003cbr\u003e\u003cbr\u003eSi vous avez des questions sur nos produits, n'hésitez pas à nous contacter ici. Notre équipe est prête à vous aider et à vous assister pour trouver le produit parfait pour vos besoins.\u003cbr\u003e\u003cbr\u003eVous avez des questions sur nos shampooings ? Nous sommes là pour vous aider ! Il suffit d'un simple coup de fil à nos représentants bien informés. Il suffit de composer le 1-800-5900-9000 et ils se feront un plaisir de vous aider.\u003cbr\u003e\u003cbr\u003eNotre équipe d'experts en cosmétologie peut vous aider à recommander le bon produit pour vous et vos cheveux. Contactez-nous si vous avez des questions ou si vous n'êtes pas sûr que nos produits conviennent à votre type de cheveux.\u003cbr\u003e\u003cbr\u003eCela nous fait chaud au cœur de savoir que nous pouvons vous aider dans votre routine beauté. Rien ne nous excite plus !\u003cbr\u003e\u003cbr\u003eShampooings pour nourrir le poil, shampooings pour démêler, shampooings pour donner du volume, shampooings pour durcir le poil des terriers, shampooings pour le poil double, shampooings bon marché et économiques pour les éleveurs et les toiletteurs, shampooings dégraissants, shampooings universels, shampooings pour chats, shampooings traitants et soignants pour tous les problèmes de peau, shampooings à l'argile, shampooings à l'huile végétale...\u003cbr\u003e\u003cbr\u003eLes shampooings contiennent différents ingrédients en fonction des résultats souhaités. Par exemple, ils peuvent contenir des ingrédients très hydratants comme de l'huile végétale, ou bien ils peuvent essentiellement dégraisser le pelage d'un chien afin de le toiletter facilement.\u003cbr\u003e\u003cbr\u003eNos shampooings qui rendent le pelage brillant et doux !\u003cbr\u003e\u003cbr\u003eNotre gamme de shampooings a été testée pendant une période pouvant aller jusqu'à un an afin de garantir une croissance saine et magnifique du pelage de votre animal. Nous consacrons un certain pourcentage de nos recettes à des organismes de bienfaisance qui s'occupent des animaux abandonnés.\u003cbr\u003e\u003cbr\u003eMon shampooing préféré protège le pelage de votre animal tout en renforçant les racines et en évitant les nœuds. Les ingrédients proviennent de la nature, il n'y a donc aucun effet secondaire nocif ! Voici mon ami à fourrure Max.\u003cbr\u003e\u003cbr\u003eAchetez un shampooing adapté au pelage et à l'état de la peau de votre chien.\u003cbr\u003e\u003cbr\u003eNotre site propose les meilleurs shampooings pour le toilettage canin et félin.\u003cbr\u003e\u003cbr\u003eNous vendons des shampooings naturels pour différents types de pelage et de peau, qui sont garantis pour que la fourrure de votre animal soit brillante et saine.\u003cbr\u003e\u003cbr\u003eQue vous cherchiez un shampooing pour perroquets ou un après-shampooing pour chiens, notre site est le seul endroit où vous pouvez trouver les meilleurs produits pour choyer votre animal.\u003cbr\u003e\u003cbr\u003eFaites vos achats en ligne sur petco.com\/shopping\/petwishlist pour trouver le meilleur shampooing pour chiens et chats.\u003cbr\u003e\u003cbr\u003eOffrez à votre animal ce qu'il y a de mieux avec des shampooings naturels sûrs et efficaces.\u003cbr\u003e\u003cbr\u003eDepuis des années, les gens utilisent du shampooing humain sur les chiens et les chats, avec des résultats désastreux. Cela ne fonctionne pas ! Faites confiance à notre shampooing professionnel pour que votre chien ou votre chat soit aussi frais qu'il devrait l'être.\u003cbr\u003e\u003cbr\u003ePour les propriétaires d'animaux de compagnie qui souhaitent que leurs animaux soient au mieux de leur forme, il existe une entreprise qui se distingue des autres... nous.\u003cbr\u003e\u003cbr\u003eNos produits sont spécialement conçus pour que votre animal soit au mieux de sa forme.\u003cbr\u003e\u003cbr\u003eVous aimez votre animal et n'oseriez pas penser à l'exposer à des toxines nocives. Nos produits sont spécialement conçus pour garder votre animal en pleine forme pour une vie longue et saine.\u003cbr\u003e\u003cbr\u003eTous nos produits sont spécialement conçus pour garder vos amis à fourrure en bonne santé et heureux.\u003cbr\u003e\u003cbr\u003ePour un animal plus sain et plus heureux, utilisez nos produits.\u003cbr\u003e\u003cbr\u003eChez DogFashion, nous voulons nous assurer que chaque animal de compagnie est non seulement élégant mais aussi en bonne santé. Nous avons mis au point une ligne de vêtements et d'accessoires spécialement conçus pour assurer la sécurité de votre chien dans n'importe quel environnement.\u003cbr\u003e\u003cbr\u003eNotre objectif est de garder votre animal en bonne santé, heureux et sans maladie.\u003cbr\u003e\u003cbr\u003eVotre animal est certes mignon, mais saviez-vous que CutePet est conçu pour améliorer la qualité de vie de votre compagnon le plus précieux ?\u003cbr\u003e\u003cbr\u003eShampooings pour nourrir le poil, shampooings pour démêler, shampooings pour donner du volume, shampooings pour durcir le poil des terriers. Shampooings pour le poil double. Shampooings bon marché et économiques pour les éleveurs et les toiletteurs. Shampooings dégraissants. Shampooings universels. Shampooings pour chats. Shampooings traitants et soignants pour tous les problèmes de peau. Shampooings à l'argile. Shampooings à l'huile végétale\u003cbr\u003e\u003cbr\u003eNos produits sont les meilleurs shampooings pour chiens et chats. Vous trouverez des shampooings pour nourrir le poil, des shampooings pour démêler, des shampooings pour donner du volume, des shampooings pour durcir le poil des terriers, des shampooings pour le poil double, des shampooings bon marché et économiques pour les éleveurs et les toiletteurs, des shampooings dégraissants, des shampooings universels, des shampooings pour chats, des shampooings traitants et soignants pour tous les problèmes de peau, de l'argile sous forme de shampooing.\u003cbr\u003e\u003cbr\u003eNotre site propose les meilleurs shampooings pour le toilettage canin et félin.\u003cbr\u003e\u003cbr\u003eNotre site propose les meilleurs shampooings pour le toilettage canin et félin, offrant non seulement les plus hauts standards de qualité mais aussi le meilleur service client.\u003cbr\u003e\u003cbr\u003eNotre gamme de shampooings vous offre une expérience de toilettage parfaite pour vos animaux à fourrure.\u003cbr\u003e\u003cbr\u003eCes shampooings haut de gamme sont essentiels pour tout service de toilettage. Ils nettoient en profondeur, laissant la fourrure et la peau douces et souples. Vos clients adoreront les résultats.\u003cbr\u003e\u003cbr\u003eParcourez notre magasin pour trouver les meilleurs produits conçus spécialement pour votre animal.\u003cbr\u003e\u003cbr\u003eCommencez votre expérience de toilettage d'animaux avec nous et économisez jusqu'à 20%.\u003cbr\u003e\u003cbr\u003eNotre site propose les meilleurs shampooings pour le toilettage canin et félin. Shampooings pour nourrir le poil, shampooings pour démêler, shampooings pour donner du volume, shampooings pour durcir le poil des terriers, shampooings pour poil double, shampooings pas chers et économiques pour les éleveurs et les toiletteurs, shampooings dégraissants, shampooings universels, shampooings pour chats, shampooings traitants et soignants pour tous les problèmes de peau....\u003cbr\u003e\u003cbr\u003eVous trouverez nos shampooings pour canins et félins en un seul clic sur notre site.\u003cbr\u003e\u003cbr\u003eNos shampooings sont formulés pour soulager spécifiquement les problèmes de peau et de pelage des chiens et des chats. Notre site web est rempli d'articles éducatifs, de ressources et de produits pour votre animal.\u003cbr\u003e\u003cbr\u003eVisitez notre pharmacie en ligne pour animaux de compagnie pour tous les produits, y compris les shampooings et les solutions de contact.\u003cbr\u003e\u003cbr\u003eNos produits sont largement disponibles dans les animaleries, les cliniques vétérinaires et les épiceries de tout le pays.\u003cbr\u003e\u003cbr\u003eTrouvez rapidement ce dont vous avez besoin ! Nous sommes là pour vous faciliter la vie.\u003cbr\u003e\u003cbr\u003eShampooing professionnel pour chiens et chats pour tous les types de pelage, avec une variété de marques à portée de main. Les poils de votre animal restent plus sains, plus doux et plus brillants plus longtemps, ce qui les rend plus maniables pour le brossage et les autres soins !\u003cbr\u003e\u003cbr\u003eVotre animal mérite ce qu'il y a de mieux ! Classé par la PETA comme hautement efficace et sans cruauté, notre shampooing aidera à garder le pelage de votre animal brillant et doux.\u003cbr\u003e\u003cbr\u003ePassez au meilleur shampooing pour animaux de compagnie, que votre animal adorera, tandis que vous profiterez de meilleurs résultats.\u003cbr\u003e\u003cbr\u003eNotre shampooing pour animaux de compagnie peut sembler similaire à d'autres marques de shampooing dans votre supermarché local, mais vous remarquerez une différence significative ! Les animaux de compagnie qui utilisent notre shampooing pour animaux de compagnie se disent plus heureux !\u003cbr\u003e\u003cbr\u003eDes fournitures pour animaux de compagnie à prix réduits provenant de marques de la plus haute qualité - des shampooings aux jouets, en passant par les colliers et les produits de toilettage - rien que pour vous !\u003cbr\u003e\u003cbr\u003eChez petdesign, nous savons ce que cela signifie d'aimer les animaux de compagnie. C'est pourquoi nous offrons un vaste choix de nourriture et de jouets pour animaux de compagnie, de produits de toilettage et d'accessoires pour animaux de compagnie de haute qualité. Vos animaux vous en seront reconnaissants.\u003cbr\u003e\u003cbr\u003eChez petdesign, nous aspirons à fournir à nos consommateurs un large choix de produits de haute qualité pour chiens et chats. Notre sélection de shampooings pour canins et félins n'est pas différente - nous proposons des shampooings abordables des marques les plus connues de l'industrie animalière. Et comme si cela ne suffisait pas, nous avons également une collection de shampooings qui offrent de riches effets d'hydratation, de conditionnement ou de purification.\u003c\/p\u003e\n\u003cp\u003eVotre animal ne mérite que le meilleur, de la tête à la queue. C'est pourquoi nous avons créé Special One, une gamme de produits innovants et efficaces qui vous aident à prendre soin des animaux avec amour et passion.\u003cbr\u003e\u003cbr\u003eLa passion de notre équipe nous pousse à créer des produits appréciés dont l'empreinte est durable et la qualité exceptionnelle.\u003cbr\u003e\u003cbr\u003eSpecial One a été spécialement conçu pour votre animal et vise à offrir une expérience de toilettage sur mesure pour chaque animal. Les produits Special One sont formulés avec des ingrédients de haute qualité, répondant à toutes les réglementations européennes sur les soins et la sécurité des animaux.\u003cbr\u003e\u003cbr\u003eDécouvrez la gamme la plus innovante de shampooings et d'après-shampooings pour votre animal de compagnie. Des peaux sensibles aux pelages brillants, nos produits donneront vie à chaque moment passé ensemble !\u003cbr\u003e\u003cbr\u003eSpecial One est une marque italienne de produits de toilettage respectueuse de l'environnement qui se préoccupe du bien-être des animaux. Ses shampooings sont formulés à partir d'ingrédients naturels et de détergents biodégradables, qui sont doux pour la peau de votre animal et respectueux de l'environnement. Il offre également une expérience de toilettage sur mesure grâce à différentes formules conçues spécifiquement pour répondre aux besoins des chiens et des chats.\u003cbr\u003e\u003cbr\u003eSpecial One est votre partenaire pour créer une expérience de toilettage personnalisée pour chaque animal. Il offre une expérience de toilettage personnalisée pour chaque animal. Chaque produit est fabriqué à partir d'ingrédients 100 % naturels, biodégradables et conformes aux normes internationales les plus strictes.\u003cbr\u003e\u003cbr\u003eChez Special One, nous utilisons toujours des ingrédients naturels et biodégradables dans nos produits. Notre passion se manifeste dans la qualité de nos produits et dans notre engagement en faveur de l'innovation.\u003cbr\u003e\u003cbr\u003eIl n'y a rien de plus gratifiant que d'apporter de la joie à ceux que nous aimons. C'est pourquoi, lorsqu'il s'agit de nettoyer nos animaux de compagnie, nous n'utilisons que des produits 100 % naturels et gardons leurs besoins à cœur.\"\u003cbr\u003e\u003cbr\u003eSpecial One est un shampooing aux ingrédients de haute qualité et aux formulations expertes qui vous permet de préserver la beauté et la santé de votre animal.\u003cbr\u003e\u003cbr\u003eLe shampooing spécial pour animaux est un produit révolutionnaire qui dit \"oui\" à la nature, \"oui\" à la qualité et \"oui\" à l'innovation.\u003cbr\u003e\u003cbr\u003eIl est temps d'offrir à votre animal de compagnie des soins spéciaux - avec une expérience de toilettage adaptée à chaque animal. Special One a mis au point un shampooing, un après-shampooing et un spray innovants, spécialement conçus pour les chats et les chiens, avec des ingrédients naturels et biodégradables.\u003cbr\u003e\u003cbr\u003eLes humains enrichissent leur vie grâce à leurs relations avec les animaux. Special One est une gamme de shampooings conçus pour répondre aux besoins de types d'animaux spécifiques et renforcer ce lien émotionnel grâce à une expérience de toilettage sur mesure.\u003cbr\u003e\u003cbr\u003eChez Special One, nous aimons les animaux. Chaque produit, chaque idée, chaque décision est prise avec passion et innovation. Nous sommes fiers de vous offrir des produits de soins pour animaux de haute qualité, fabriqués en Italie avec des ingrédients durables.\u003cbr\u003e\u003cbr\u003eNotre passion est d'offrir des solutions qui permettent de gagner du temps, de l'argent et de faciliter la vie. Si vous aimez vos animaux de compagnie, nous proposons des produits naturels et durables fabriqués en Italie avec une sélection rigoureuse d'ingrédients de qualité.\u003cbr\u003e\u003cbr\u003eSpecial One offre aux amoureux des animaux une expérience de toilettage innovante et sur mesure avec des ingrédients de haute qualité. Special One est formulé à base d'ingrédients naturels qui sont biodégradables et sans danger pour vos animaux de compagnie.\u003cbr\u003e\u003cbr\u003eTous les produits de Special One sont recherchés et développés avec une attention particulière pour la qualité, l'innovation et le développement durable.\u003cbr\u003e\u003cbr\u003eDepuis plus de 25 ans, la passion et l'innovation de notre équipe sont consacrées à la création de produits fabriqués dans le plus grand respect de la santé animale et de l'environnement.\u003cbr\u003e\u003cbr\u003eAvez-vous déjà rencontré un animal jusqu'à ce que votre cœur fonde ? Nous l'avons fait et nous voulons que vous partagiez cette expérience. Special One a été créé comme un produit naturel, sûr et efficace pour soigner les animaux de compagnie de toutes formes, tailles et styles de vie.\u003cbr\u003e\u003cbr\u003eSpecial One est une entreprise familiale fondée par Emanuela Iannone, styliste animalier lauréate d'un Emmy, dont la mission est de réunir le shampoing et le toilettage en une seule expérience innovante.\u003cbr\u003e\u003cbr\u003eNous créons des produits pour chiens et chats à partir d'ingrédients naturels. Nos formules sont basées sur des huiles naturelles provenant de plantes ou d'animaux pour prendre soin de chaque type de poil et de peau, créant ainsi une expérience de toilettage sur mesure pour chaque animal.\u003c\/p\u003e","products":[{"product_id":"bain-pro-shampoing-doux-tous-pelages","title":"BAIN PRO, shampoing doux tous pelages","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eBAIN PRO\u003c\/strong\u003e est le shampoing professionnel très concentré Special One qui sublime les fourrures en étant \u003cstrong\u003ele plus doux possible, sans jamais agresser\u003c\/strong\u003e. Il révèle la meilleure version du poil — sans amplifier ni le volume ni la texture — en laissant simplement s’exprimer sa vraie nature. C’est aussi un \u003cstrong\u003eantiparasitaire naturel d’appoint\u003c\/strong\u003e : sa mousse abondante et son pH acide neutralisent les puces mécaniquement, sans insecticide chimique. Un seul shampoing, des dizaines de bénéfices.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — concurrent direct de l'Aquarosa Pro (le plus nourrissant), \u003cstrong\u003eBain Pro est le choix de la douceur absolue\u003c\/strong\u003e pour tous les pelages, du chiot au sénior.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEnrichi d’un mélange de \u003cstrong\u003etensioactifs d’origine naturelle\u003c\/strong\u003e et de substances hydratantes, Bain Pro redonne brillance et élasticité au poil dès les premiers soins. Son \u003cstrong\u003eaction antiparasitaire naturelle\u003c\/strong\u003e — par asphyxie mécanique via la mousse abondante et un pH acide qui fragilise les puces — en fait un lavant d’appoint parfaitement adapté aux chiots, chatons et animaux sensibles, \u003cstrong\u003esans insecticide chimique\u003c\/strong\u003e.\u003c\/p\u003e\n\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\u003eLimite de douceur :\u003c\/strong\u003e de par sa formule très douce, Bain Pro peut ne pas suffire si l’animal est très sale. Dans ce cas, commencez par un premier shampoing plus nettoyant — \u003cstrong\u003eAquapure Pro, Blue Sky Pro ou Aquarosa Pro\u003c\/strong\u003e.\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDouceur universelle : bébé, adulte, sénior\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eBain en douceur pour chiens et chats de tous âges, du bébé au sénior.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage en profondeur\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie, assainit et donne un coup d’éclat à tous les types de poils.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAnti-nœuds\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eN’amplifie jamais le volume naturel — évite le retour rapide des nœuds après le bain.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAntiparasitaire naturel\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNeutralise mécaniquement les puces par asphyxie via la mousse et le pH acide — sans insecticide chimique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eProtection kératine\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAugmente les défenses naturelles pour protéger la structure du poil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePeaux grasses\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eTraite le sébum en excès tout en préservant le film hydrolipidique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBains fréquents\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAucun risque pour la peau et le poil, même en utilisation intensive.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 9h10l1.5 10H5.5zM9 9V7a3 3 0 0 1 6 0v2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePlombé\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAide à plomber les fourrures soyeuses sans les alourdir excessivement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 8;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eCroissance \u0026amp; concours\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eParfait pour faire pousser le poil des chiens de concours, toutes races confondues.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 9;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 7h16M6 7v11M10 7v11M14 7v11M18 7v11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDémêlage \u0026amp; brushing\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFacilite le démêlage, rend le brushing plus fluide et réduit le temps de travail.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Bain Pro\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Bain Pro - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Bain Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eTensioactifs d’origine naturelle, protéines nobles et actifs biosourcés — \u003cstrong\u003esans parabens, sans silicone\u003c\/strong\u003e. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée 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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part de shampoing\u003cbr\u003epour 20 parts d'eau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n\u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eLavage en douceur — tous pelages, tous âges\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eLe protocole de base, adapté à toutes les situations courantes\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePremier shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMouillez le poil abondamment. Appliquez Bain Pro dilué à \u003cstrong\u003e1\/20\u003c\/strong\u003e, puis rincez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSecond shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez un \u003cstrong\u003esecond shampoing\u003c\/strong\u003e, puis rincez de nouveau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSoin final\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec l’après-shampoing adapté : \u003cstrong\u003eHydrating Cream, Bombastic ou Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eComplétez le toilettage avec \u003cstrong\u003eAbsolute 4Poodle, Mix Pink ou Style 360\u003c\/strong\u003e selon le besoin.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eProtocole anti-nœuds \u0026amp; régulation du sébum\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003ePour les chiens qui feutrent facilement ou présentent des déséquilibres cutanés (sébum, pellicules, odeurs)\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eCommencez par le masque pré-bain \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e pour préparer et amplifier l’action du shampoing.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication sans rincer\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Bain Pro dilué à 1\/20, \u003cstrong\u003esans rincer le masque\u003c\/strong\u003e au préalable.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePose \u0026amp; rinçage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eLaissez poser quelques instants, rincez, puis renouvelez si nécessaire.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition anti-nœuds\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream + Aqua Dolce\u003c\/strong\u003e pour un manteau conditionné qui retarde le retour des nœuds.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eChoisissez Bain Pro si vous avez besoin de…\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eLes situations où le Bain Pro fait toute la différence\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eLaver en douceur\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eN’importe quel chien ou chat, quel que soit l’âge ou le type de pelage.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFaire pousser le poil\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eIdéal pour les chiens de concours, toutes races confondues (9e groupe, terriers, 8e groupe…).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMettre en place un protocole anti-nœuds\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eSur un chien qui feutre facilement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eRéguler le sébum\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eEn excès ou en manque, avec pellicules ou mauvaises odeurs — sans agresser la peau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Bain Pro au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Bain Pro. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun nettoyage plus puissant est requis…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBlue Sky Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Bombastic · Aqua Dolce (+ Hygro Fluid)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Bain Pro fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Tous les chiens en salon \u003cspan\u003e(limite le retour des nœuds)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏆 Chiens de show à manteau long \u0026amp; frangé \u003cspan\u003e(franges, toupet, barbe)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Tous les Cockers \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Yorkshire, Afghans)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriers \u003cspan\u003e(Scottish, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — la douceur absolue pour tous les pelages, du chiot au sénior.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":42903274225884,"sku":"WEX-BA250 (118)","price":21.9,"currency_code":"EUR","in_stock":true},{"title":"1 L","offer_id":42903274258652,"sku":"WEX-BA1 016 (124)","price":42.2,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003ePLATINUM PRO\u003c\/strong\u003e est le shampoing professionnel Special One dont le focus principal est le \u003cstrong\u003eVOLUME\u003c\/strong\u003e. Idéal pour le show et les coupes ciseaux, il révèle tout le volume naturel de la fourrure, \u003cstrong\u003edéfrise durablement\u003c\/strong\u003e et prépare le poil pour des finitions d’exception.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eCe produit s'adresse avant tout aux \u003cstrong\u003eprofessionnels et propriétaires de chiens de concours\u003c\/strong\u003e. La recherche de volume et de texture implique un retour des nœuds plus rapide : pour l'usage courant, les particuliers seront mieux servis par Bain Pro, Aquarosa Pro ou 4Poodle.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEnrichi en \u003cstrong\u003edérivés et actifs marins bio\u003c\/strong\u003e, Allantoïne, Chitosane et Beurre de Cacao, le Platinum Pro combine \u003cstrong\u003epuissance volumatrice et soin de la peau\u003c\/strong\u003e. Il illumine les couleurs naturelles, restructure les fourrures et prépare le poil pour des coupes ciseaux qualitatives — avec une finition durable après brushing.\u003c\/p\u003e\n\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\u003eProduit de spécialité :\u003c\/strong\u003e la recherche de volume et de texture favorise un retour rapide des nœuds. À réserver aux jours de show, d’expo ou de coupe ciseaux — pas pour l’entretien quotidien.\u003cbr\u003e\u003cspan style=\"font-size: 12px; color: #888; margin-top: 4px; display: block;\"\u003e❌ Pour le quotidien, privilégiez Bain Pro, Aquarosa Pro ou 4Poodle avec un bon conditionneur.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eVolume maximal\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eRévèle tout le volume naturel de la fourrure — résultat spectaculaire dès la première utilisation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eTexture amplifiée\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFavorise et renforce la texture propre du poil pour un résultat professionnel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4c0 4 10 4 10 8s-10 4-10 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDéfrisage fort \u0026amp; durable\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eDéfrise fortement et durablement le poil après le brushing.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eCoupe ciseaux qualitative\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003ePrépare le poil pour des coupes ciseaux d’exception les jours de concours et d’exposition.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Platinum Pro\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Platinum Pro - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Platinum Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eDérivés et actifs marins bio associés à des ingrédients nobles — \u003cstrong\u003esans parabens, sans silicone\u003c\/strong\u003e. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée 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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part de shampoing\u003cbr\u003epour 20 parts d'eau\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n\u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eBain show — volume \u0026amp; coupe ciseaux\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003ePour les jours de concours, d’exposition ou de coupe ciseaux de qualité\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003ePréparez avec \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (éventuellement couplé à \u003cstrong\u003eBombastic\u003c\/strong\u003e) pour hydrater et amplifier l’action du shampoing.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication sur le masque\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Platinum Pro dilué à \u003cstrong\u003e1\/20\u003c\/strong\u003e directement sur le masque, sans rincer. Rincez, puis renouvelez si nécessaire.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSoin final \u0026amp; pose\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream, Bombastic ou Aqua Dolce\u003c\/strong\u003e. Laissez poser \u003cstrong\u003equelques minutes\u003c\/strong\u003e avant de rincer abondamment.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSéchage \u0026amp; finition\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eSéchez et brossez — le volume monte et le défrisage s’installe durablement. Finalisez avec \u003cstrong\u003eAbsolute 4Poodle ou Style 360\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eChoisissez Platinum Pro si vous avez besoin de…\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eLes situations où le Platinum Pro fait toute la différence\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eCoupe ciseaux qualitative\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003ePour un événement particulier — show, expo, présentation en ring.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eRévéler le volume naturel\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDe la fourrure, avec un fort pouvoir lavant et nettoyant.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eAmplifier la texture\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDu poil, pour un résultat visuel impeccable et structuré.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eUn défrisage fort et durable\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAprès brushing, sur les fourrures frisées ou bouclées.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Platinum Pro au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Platinum Pro. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun second shampoing est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAquarosa Pro · Aquapure Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy \u0026amp; Bombastic\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Bombastic · Aqua Dolce\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Platinum Pro fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🧸 Poils doubles \u0026amp; fourrures complexes \u003cspan\u003e(primitifs, bergers, chiens d’eau)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eVolume et défrisage spectaculaires — liste longue et non exhaustive, réservée aux jours de show.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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","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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eKÉRATINE PRO\u003c\/strong\u003e est le shampoing \u003cstrong\u003etexturisant et durcissant\u003c\/strong\u003e Special One, à utiliser dans des \u003cstrong\u003esituations bien spécifiques\u003c\/strong\u003e : épilation post-bain, révélation du volume naturel, amplification de la texture du poil. Un outil de précision — pas un shampoing du quotidien.\n \u003c\/div\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eCe produit s’adresse avant tout aux \u003cstrong\u003eprofessionnels et propriétaires de chiens de concours\u003c\/strong\u003e. La recherche de texture et de tenue implique un retour des nœuds plus rapide : pour l’usage courant, les particuliers seront mieux servis par Bain Pro, Aquarosa Pro ou 4Poodle.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEnrichi en \u003cstrong\u003ekératine hydrolysée, chitosane et extrait de sucre de canne\u003c\/strong\u003e, le Kératine Pro nourrit et restructure la fibre tout en lui donnant corps et accroche. Sa formule \u003cstrong\u003esans colorants\u003c\/strong\u003e évite l’effet adoucissant classique des shampoings : le poil reste rêche, texturé et prêt à travailler.\u003c\/p\u003e\n \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\u003eProduit de spécialité :\u003c\/strong\u003e l’excitation du poil induite par ce shampoing favorise un retour rapide des nœuds. À réserver aux jours d’épilation, d’expo ou de coupe nécessitant une texture maximale — pas pour l’entretien quotidien.\u003cbr\u003e\u003cspan style=\"font-size: 12px; color: #888; margin-top: 4px; display: block;\"\u003e❌ Pour le quotidien, privilégiez Bain Pro, Aquarosa Pro ou Aqua Terme.\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDurcissant \u0026amp; texturisant\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eDurcit, texturise et prépare le poil à l’épilation après le bain.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eToucher poil de chèvre\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eOptimise le toucher rêche et l’accroche, propices à l’épilation à la main ou au couteau.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eVolume naturel révélé\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRévèle le volume naturel de la fourrure avec un fort pouvoir lavant et nettoyant.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage profond\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et assainit profondément — idéal sur les peaux grasses des Terriers.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eExfoliation \u0026amp; renouvellement\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eL’extrait de sucre de canne exfolie, agit contre les impuretés (points noirs) et favorise le renouvellement cellulaire.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Kératine Pro\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Kératine Pro - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Kératine Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eFormule \u003cstrong\u003esans colorants\u003c\/strong\u003e — le choix délibéré d’éviter tout effet adoucissant pour maximiser texture et accroche du poil. Sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Kératine Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part de shampoing\u003cbr\u003epour 20 parts d'eau\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eÉpilation post-bain — accroche \u0026amp; texture maximales\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour préparer le poil à une épilation à la main ou au couteau après le bain\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain (option)\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePréparez éventuellement avec un masque \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e pour hydrater la peau avant le travail.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eApplication\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Kératine Pro dilué à \u003cstrong\u003e1\/20\u003c\/strong\u003e sur le poil mouillé. Massez, laissez poser quelques instants.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRinçage\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis renouvelez le shampoing si nécessaire.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRésultat\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eSéchez : le poil est \u003cstrong\u003erêche, texturé, avec une accroche optimale\u003c\/strong\u003e — idéal pour l’épilation à la main ou au couteau.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \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💡 Si vous épilez \u003cstrong\u003eavant\u003c\/strong\u003e le bain, privilégiez plutôt \u003cstrong\u003eAqua Terme, Bain Pro ou Aquapure Pro\u003c\/strong\u003e pour le shampoing suivant.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eChoisissez Kératine Pro si vous avez besoin de…\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eLes situations où le Kératine Pro fait toute la différence\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eÉpiler après le bain\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eL’accroche et la texture du poil sont maximales.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRévéler le volume naturel\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDe la fourrure, avec un fort pouvoir lavant et nettoyant.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eAmplifier la texture\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePour les jours d’exposition ou de présentation en ring.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eTravailler les peaux grasses\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDes Terriers ou des races à épiler, avec un nettoyage en profondeur et un assainissement cutané.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eLe protocole Terrier ultime — texture, élasticité \u0026amp; épilation sans dessécher\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eUn protocole concentré en une seule étape, universel sur tous les Terriers\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMélange à parts égales\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eMélangez \u003cstrong\u003eà parts égales : Super Keeper + Bio Energy Plus + Kératine Pro\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eApplication\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFaites mousser le mélange, appliquez sur le poil mouillé, massez bien.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRinçage \u0026amp; résultat\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez. Le poil est \u003cstrong\u003etexturisé et durci\u003c\/strong\u003e pour l’épilation, l’\u003cstrong\u003eélasticité préservée\u003c\/strong\u003e grâce au Bio Energy, et le manteau \u003cstrong\u003enon desséché\u003c\/strong\u003e grâce au Super Keeper — le tout en une seule application.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \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\u003eÀ tester absolument sur tous les Terriers\u003c\/strong\u003e — ce protocole 3-en-1 est un vrai game changer pour quiconque pratique l’épilation régulièrement.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Kératine Pro au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Kératine Pro. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun second shampoing est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Terme · Aquapure Pro · Bain Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003edes compléments texturisants sont voulus…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHygro Fluid \u0026amp; Super Keeper\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Kératine Pro fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐾 Tous les Terriers \u0026amp; races à épiler \u003cspan\u003e(texture, accroche, peaux grasses)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées manquant de tenue \u003cspan\u003e(Caniches gris, rouges — expo uniquement)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un outil de précision pour l’épilation et la texture, réservé aux jours de travail.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":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, shampoing soin traitant","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eSKINCARE PRO\u003c\/strong\u003e est le shampoing dermo-nettoyant \u003cstrong\u003ehuileux\u003c\/strong\u003e Special One, formulé pour les \u003cstrong\u003epeaux à problèmes ou délicates\u003c\/strong\u003e. Il rétablit l’équilibre du derme et du poil, restaure la production naturelle de sébum et crée, en usage régulier, une \u003cstrong\u003ebarrière naturelle protectrice\u003c\/strong\u003e contre les agressions parasitaires.\n \u003c\/div\u003e\n\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — \u003cstrong\u003eparticulièrement précieux pour les animaux souffrant de problèmes cutanés chroniques ou récurrents\u003c\/strong\u003e.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSa \u003cstrong\u003ecomposition huileuse\u003c\/strong\u003e lui confère une action traitante profonde sans altérer les tissus. Il n’agit pas comme un simple shampoing nettoyant, mais comme un \u003cstrong\u003evrai soin dermatologique doux\u003c\/strong\u003e qui restaure, protège et rééquilibre la peau sur le long terme.\u003c\/p\u003e\n \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\u003eLimite de mousse :\u003c\/strong\u003e Skincare Pro ne mousse pas beaucoup et pénètre difficilement les fourrures denses ou épaisses. Pour ces cas, orientez-vous plutôt vers \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e.\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAction anti-anomalies cutanées\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAgit contre les principales anomalies de la peau — atopie, dermatites, déséquilibres épidermiques.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-démangeaisons\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRéduit et soulage les démangeaisons et les irritations cutanées.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-pellicules\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRégule la desquamation et réduit nettement les squames.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eHydratation profonde\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eHydrate en profondeur les pelages secs ou fragilisés.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePeaux grasses \u0026amp; odeurs\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAide les peaux grasses malodorantes en rétablissant la production naturelle de sébum.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eBarrière protectrice\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eEn usage régulier, crée une barrière naturelle protectrice contre les agressions parasitaires.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eUniversel \u0026amp; doux\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eConvient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Skincare Pro\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Soin peau\", value: 5 }, { label: \"Volume\", value: 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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Skincare Pro - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Skincare Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation huileuse à \u003cstrong\u003e91 % d’ingrédients d’origine naturelle\u003c\/strong\u003e — sans SLES, sans SLS, sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Skincare Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003ePur ou jusqu'à 1\/20\u003cbr\u003eselon l'intensité du problème\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n \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❗️ Toujours appliquer \u003cstrong\u003edirectement après le masque Bio Energy Plus\u003c\/strong\u003e, sans rinçage intermédiaire — laisser agir le Bio Energy Plus \u003cstrong\u003eau moins 20 minutes\u003c\/strong\u003e, idéalement couplé avec \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e. \u003cstrong\u003eDeux shampoings\u003c\/strong\u003e recommandés à chaque bain.\u003c\/div\u003e\n\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eProtocole de traitement — début de cure\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eEn début de traitement, pour une peau en déséquilibre marqué\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain prolongé\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e sur le poil sec. Laissez poser \u003cstrong\u003e20 minutes minimum\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eApplication sans rincer\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eSans rincer le masque, appliquez Skincare Pro \u003cstrong\u003epur ou légèrement dilué\u003c\/strong\u003e. Massez délicatement, puis rincez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSecond shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRenouvelez le shampoing une seconde fois, puis rincez abondamment.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition réparatrice\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream et\/ou Beauty Rinse\u003c\/strong\u003e. \u003cstrong\u003eFréquence :\u003c\/strong\u003e deux fois par semaine en début de cure, puis espacez selon l’évolution de la peau.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eProtocole d’entretien — suivi régulier\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eUne fois la peau stabilisée, pour maintenir l’équilibre cutané\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePréparez avec \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (20 min de pose), éventuellement seul si Hygro Fluid n’est pas nécessaire.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eDouble shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Skincare Pro dilué à \u003cstrong\u003e1\/20\u003c\/strong\u003e sans rincer le masque. Deux shampoings, puis rincez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition protectrice\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e pour préserver la barrière hydrolipidique. L’usage régulier renforce progressivement la \u003cstrong\u003ebarrière naturelle protectrice\u003c\/strong\u003e du manteau.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Skincare Pro au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Skincare Pro. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est requis (indispensable)…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream et\/ou Beauty Rinse\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ela fourrure est dense ou épaisse…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Terme Pro (meilleure pénétration)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Skincare Pro fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🩹 Chiens à anomalies cutanées \u003cspan\u003e(atopie, dermatites, irritations, démangeaisons)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Tous les Cockers \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✨ Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Yorkshire, Afghans)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriers \u003cspan\u003e(Scottish, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un soin dermatologique doux pour les peaux à problèmes.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +91% | Sans SLES, SLS, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":37819388330163,"sku":"WEX-SK1 015 (66)","price":63.9,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","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\n\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\u003eBIO ENERGY PLUS\u003c\/strong\u003e est le masque pré-bain ultra concentré de Special One, à double action \u003cstrong\u003e\"Beauté\" et \"Santé\"\u003c\/strong\u003e. Il agit instantanément sur le poil sec, sale et non démêlé — avant même le shampoing. Élément incontournable du programme d'hydratation Special One, il transforme le toilettage et fait franchir un cap visible dès la première utilisation.\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 — y compris ceux qui n'ont jamais utilisé de masque pré-bain et qui découvrent une innovation qui va transformer leur toilettage.\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 du Bio Energy Plus\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: \"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\n\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 composition ultra technologique fait immédiatement un bien profond au poil et à la peau de l'animal. \u003cstrong\u003eIl s'applique sur poil sec, sale, non démêlé — sans rinçage avant le shampoing.\u003c\/strong\u003e Cette étape supplémentaire par rapport au cycle de bain classique est pourtant celle dont dépend fortement la qualité du résultat final.\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\u003eDouble action Beauté \u0026amp; Santé :\u003c\/strong\u003e Améliore la texture tout en traitant la peau et la fourrure en profondeur.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation intense :\u003c\/strong\u003e Hydrate, soigne, traite et restaure la fourrure et la peau dès la première application.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRavive les couleurs :\u003c\/strong\u003e Stimule la production de mélanine — les couleurs naturelles du pelage gagnent en intensité et en profondeur.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMicrocirculation cutanée :\u003c\/strong\u003e Active la circulation dans les racines du poil, favorisant la croissance et le renouvellement du manteau.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRéparation :\u003c\/strong\u003e Aide à réparer les pelages endommagés, fragilisés ou surmenés.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePréparation à la coupe :\u003c\/strong\u003e Idéal pour préparer les fourrures avant une coupe aux ciseaux ou en salon.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-mue \u0026amp; démêlage :\u003c\/strong\u003e Facilite l'évacuation du poil mort et aide à prévenir ou accélérer la mue.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eUniversel :\u003c\/strong\u003e Convient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \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 ultra technologique alliant actifs marins, végétaux et structurants — sans parabens, sans silicone.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Collagène Hydrolysé\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eAction anti-inflammatoire — renforce la structure interne du poil et améliore l'élasticité de la fibre.\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🍀 Caviar Vert (Caulerpa Lentillifera)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eAlgue japonaise anti-âge : riche en minéraux (fer, calcium, zinc, potassium), vitamines A \u0026amp; C et acides aminés. Stimule la production de collagène et d'élastine.\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🍀 Spiruline\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003ePuissant antioxydant qui redonne vigueur et brillance aux manteaux abîmés. Réduit le sébum, lutte contre les pellicules, prévient la chute et favorise la croissance du poil.\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🍀 Fucus (Chêne Marin)\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en iode, polyphénols et vitamines. Les polyphénols soutiennent la régénération cellulaire ; l'iode active le métabolisme et améliore la circulation dans les racines du poil.\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🍀 Laminaria\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eDétox naturelle grâce à l'acide alginique — forme un gel au contact de l'eau qui capte et élimine les substances nocives pour la peau.\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 \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: 10px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e\n 💡 \u003cstrong\u003eEn pré bain pur : appliquer sur poil sec, sale, non démêlé.\u003c\/strong\u003e Ne pas rincer avant le shampoing — c'est le principe fondamental du masque pré-bain.\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #fff8e1; border-left: 3px solid #f0a500; font-size: 13px;\"\u003e\n ⚠️ Ne pas laisser poser plus de \u003cstrong\u003e30 minutes\u003c\/strong\u003e. Ne pas rincer le produit avant de réaliser le shampoing.\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 🔥 Objectif Beauté — éclat, texture \u0026amp; couleurs\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n 1. Diluez Bio Energy Plus à \u003cstrong\u003e1\/20\u003c\/strong\u003e.\u003cbr\u003e\n 2. Appliquez sur le poil sec, sale, non démêlé — en couvrant bien l'ensemble du manteau.\u003cbr\u003e\n 3. Laissez poser \u003cstrong\u003e5 à 30 minutes\u003c\/strong\u003e selon l'intensité souhaitée.\u003cbr\u003e\n 4. Passez directement au shampoing \u003cstrong\u003esans rincer\u003c\/strong\u003e au préalable.\u003cbr\u003e\n Résultat : texture améliorée, couleurs ravivées, brillance relancée dès la sortie du bain.\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 🔥 Objectif Santé — peau \u0026amp; fourrure endommagée\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 Pour les peaux sensibles, irritées ou les fourrures très abîmées :\u003cbr\u003e\n 1. Appliquez le produit \u003cstrong\u003epur sur les zones les plus critiques\u003c\/strong\u003e (zones sèches, irritées, poils cassants).\u003cbr\u003e\n 2. Diluez à \u003cstrong\u003e1\/15\u003c\/strong\u003e pour l'application sur le reste du manteau.\u003cbr\u003e\n 3. \u003cstrong\u003eCouvrez l'animal d'une serviette\u003c\/strong\u003e et laissez poser \u003cstrong\u003e20 à 30 minutes\u003c\/strong\u003e pour une absorption maximale des actifs réparateurs.\u003cbr\u003e\n 4. Passez au shampoing sans rincer au préalable — le premier shampoing s'applique directement sur le produit en pose.\u003cbr\u003e\u003cbr\u003e\n \u003cdiv style=\"background: #f0f7ff; border-left: 3px solid #4a90d9; padding: 10px 12px; font-size: 12px;\"\u003e\n 💧 \u003cstrong\u003eEn cas d'anomalies cutanées persistantes :\u003c\/strong\u003e il est conseillé de réaliser le bain suivant avec le shampoing \u003cstrong\u003eSkincare Pro\u003c\/strong\u003e pour potentialiser l'action thérapeutique du masque.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 3 🔥 Objectif Démêlage \u0026amp; Anti-mue\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 Pour traiter, accélérer ou prévenir la mue, et faciliter le démêlage :\u003cbr\u003e\n 1. Diluez à \u003cstrong\u003e1\/20\u003c\/strong\u003e, puis ajoutez une crème après-shampoing ainsi qu'un produit huileux de la gamme (Huiles 4 Éléments ou Aqua Dolce).\u003cbr\u003e\n 2. Appliquez sur le poil sec. \u003cstrong\u003eTravaillez avec vos outils de toilettage habituels\u003c\/strong\u003e (brosse, peigne) — le produit facilite l'évacuation du poil mort et le démêlage en douceur.\u003cbr\u003e\n 3. Au bout d'une dizaine de minutes, passez directement au shampoing \u003cstrong\u003esans rincer\u003c\/strong\u003e.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #f6f6f6; border: 1px dashed #1a1a1a;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ ASSOCIATIONS BOOSTER :\u003c\/span\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e\n Pour une efficience optimale, mélangez Bio Energy Plus avec un ou plusieurs \u003cstrong\u003eintégrateurs à base huileuse\u003c\/strong\u003e :\u003cbr\u003e\n ✨ \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e et\/ou \u003cstrong\u003eHuiles 4 Éléments\u003c\/strong\u003e et\/ou \u003cstrong\u003eBombastic\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n Le bain se prolonge ensuite avec n'importe quel shampoing + masque + conditionneur de la gamme Special One.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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;\"\u003eCompatible avec l'ensemble de la gamme Special One en aval. Bio Energy Plus est la \u003cstrong\u003epremière étape\u003c\/strong\u003e — tout le reste du protocole de bain vient après.\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✔️ Tous les chats — notamment pour dégraisser sans décaper.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tous les chiens en salon — pour limiter le retour rapide des nœuds.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures frisées : Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington…\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tous les Cockers (Américain, Anglais)\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Races tibétaines : Shih-Tzu, Lhassa, Terrier du Tibet…\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Épagneuls Nains Anglais (Cavalier et King Charles)\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures longues et soyeuses : Yorkshire, Afghans…\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Terriers : Scottish, Westie, Welsh… — liste longue et non exhaustive !\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, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eAQUAROSA PASSION\u003c\/strong\u003e a été créé pour les vrais passionnés. \u003cstrong\u003e95 % identique à l’Aquarosa Pro\u003c\/strong\u003e — même formulation multivitaminée, même efficacité — avec en plus une \u003cstrong\u003etexture crémeuse riche et soyeuse\u003c\/strong\u003e, un parfum délicat et enveloppant, et des \u003cstrong\u003epaillettes\u003c\/strong\u003e pour mettre un peu de magie dans votre toilettage.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — du salon de toilettage professionnel au particulier qui veut \u003cstrong\u003esublimer son animal avec style\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eAquarosa Passion partage la formulation de l’\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — le shampoing Special One dédié aux fourrures ayant fortement besoin d’être nourries : hydratation et nutrition intenses, conditionneur intégré, actifs naturels. La différence ? Une couleur distinctive, un \u003cstrong\u003eparfum signature enveloppant\u003c\/strong\u003e et des \u003cstrong\u003epaillettes qui rendent le toilettage unique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBain en douceur\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eConvient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage profond\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie, assainit et donne un coup d’éclat à tous les types de poils.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNutrition immédiate\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAction hydratante et nutritive active, visible dès le 1er shampoing.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAnti-nœuds\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFacilite le démêlage et le brossage, limite le retour des nœuds.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eProtection kératine\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAugmente les défenses naturelles pour protéger la structure du poil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 5;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBains fréquents\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAucun risque pour la peau et le poil, même en utilisation intensive.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 6;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePerle nacrée \u0026amp; paillettes\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eTexture perlée aux reflets nacrés et néon : un rituel spa multisensoriel, parfum enveloppant et effet lumineux unique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l'Aquarosa Passion\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv 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: 16px 28px; overflow: visible;\"\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Aquarosa Passion - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l'Aquarosa Passion : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eAquarosa Passion partage la composition naturelle multivitaminée de l’\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — sans SLES, sans DEA, sans parabens. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e\n\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\n\u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part pour 20 parts d'eau\u003cbr\u003e— ou pur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n\u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide, économique \u0026amp; efficace\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eLe protocole de base, pour un bain tout en douceur\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePremier shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDémarrez le bain directement avec l’Aquarosa Passion dilué, sur le poil mouillé. Rincez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSecond shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez un \u003cstrong\u003esecond shampoing\u003c\/strong\u003e, puis rincez de nouveau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSoin final\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinissez avec l’après-shampoing adapté : \u003cstrong\u003eHydrating Cream, Bombastic ou Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAction ultra intense — salon, urgence ou expo\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003ePour démêler en salon, rattraper une fourrure très abîmée ou amplifier un toilettage d’exposition\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAttaquez le bain par un \u003cstrong\u003emasque pré-bain\u003c\/strong\u003e Bio Energy ou Bombastic, enrichi d’Huiles 4 Éléments ou d’Hydrating Cream.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication sans rincer\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez l’Aquarosa Passion \u003cstrong\u003edirectement après le masque, sans rinçage intermédiaire\u003c\/strong\u003e. Concentrez davantage et couplez au Bombastic pour plus d’efficacité.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePose \u0026amp; double shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eLaissez poser quelques instants, massez si possible. \u003cstrong\u003eDeux shampoings recommandés.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec un conditionneur ou un masque selon le besoin.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eBoosters d’intégration — nutrition \u0026amp; volume\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" height=\"14\" width=\"14\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eDeux options pour personnaliser l’action de l’Aquarosa Passion\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eBoost nutrition\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez \u003cstrong\u003eune cuillère d’Aqua Dolce\u003c\/strong\u003e dans votre mélange d’Aquarosa Passion. Appliquez, laissez poser, puis rincez à l’eau tiède.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eBoost volume\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMélangez l’Aquarosa Passion avec la mousse \u003cstrong\u003eAqua Vita\u003c\/strong\u003e : son effet effervescent apporte du volume et renforce la détergence.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\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💡 Dans les deux options, finalisez le séchage en brossant avec \u003cstrong\u003eAqua Beauty ou Mix Pink\u003c\/strong\u003e pour un manteau encore plus doux et brillant.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Aquarosa Passion au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003eMêmes associations que l’\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e — toute la gamme Special One est compatible. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun second shampoing est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e4Poodle · Bain Pro · Aquapure Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Bombastic · Aqua Dolce\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l'Aquarosa Passion fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱🐶 Toutes les races de chiens \u0026amp; chats \u003cspan\u003e(mêmes indications que l’Aquarosa Pro)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Les passionnés \u003cspan\u003e(performance \u0026amp; originalité dans la routine de toilettage)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — toute la performance de l’Aquarosa Pro, avec la magie en plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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 SLES, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eAQUABLU PRO\u003c\/strong\u003e est le shampoing professionnel Special One aux \u003cstrong\u003ebio-dérivés marins et pigments bleus réfléchissants\u003c\/strong\u003e, conçu pour \u003cstrong\u003eneutraliser le jaunissement et intensifier la luminosité des couleurs naturelles\u003c\/strong\u003e. Idéal pour les pelages blancs, il exalte aussi les manteaux noirs, fauves et bicolores. Sa formule ultra-douce convient aux peaux sensibles et à un usage fréquent.\u003c\/div\u003e\n\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\u003eNe pas utiliser\u003c\/strong\u003e si le but n’est pas de déjaunir ou de raviver l’éclat d’un pelage : le pigment bleu réfléchissant est un actif ciblé, sans intérêt sur les robes uniformément foncées sans reflets indésirables.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — du salon professionnel au particulier — \u003cstrong\u003edès lors que l’animal présente du blanc, du noir brillant ou des zones dorées\u003c\/strong\u003e dans son pelage.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSes \u003cstrong\u003epigments bleus réfléchissants\u003c\/strong\u003e neutralisent optiquement les teintes jaunes et orangées — dues au soleil, au sébum, à l’urine ou à la salive — pour restituer un blanc pur et radieux. Sa formulation avancée ne se contente pas de nettoyer : elle hydrate, protège et renforce le manteau sans jamais le dépouiller de ses huiles naturelles.\u003c\/p\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 4a8 8 0 0 0 0 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBlanc parfait\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNeutralise le jaunissement dû au soleil, au sébum, à l’urine ou à la salive — résultat éclatant dès le premier bain.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eÉclat des couleurs\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eIntensifie la luminosité naturelle — blanc, noir brillant et fauves encore plus beaux.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage profond \u0026amp; doux\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et assainit sans décaper ni priver le manteau de ses huiles naturelles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAnti-nœuds\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eN’amplifie jamais le volume naturel — limite le retour des nœuds entre les bains.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eProtection kératine\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAugmente les défenses naturelles pour protéger la structure du poil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePeaux sensibles\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFormule ultra-douce, parfaite pour les peaux réactives — convient à tous les âges.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBains fréquents\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eParfaitement adapté à un usage régulier pour maintenir un manteau impeccable.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l'Aquablu Pro\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Aquablu Pro - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l'Aquablu Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation précise alliant \u003cstrong\u003eaction optique réfléchissante, hydratation et protection cutanée\u003c\/strong\u003e — sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003ePur sur les zones jaunies\u003cbr\u003eou 1\/20 pour un bain doux\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n\u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eBain d’entretien — maintien du blanc au quotidien\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003ePour un entretien régulier du pelage blanc\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication diluée\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Aquablu Pro dilué à \u003cstrong\u003e1\/20\u003c\/strong\u003e sur le poil mouillé. Massez pour créer une mousse douce, laissez agir quelques minutes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eDouble shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez abondamment, puis renouvelez le shampoing. \u003cstrong\u003eDeux shampoings recommandés.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSoin final\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream ou Extra Body Cream\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinition avec \u003cstrong\u003eMix Pink ou Style 360\u003c\/strong\u003e. Utilisable en bain fréquent pour maintenir un manteau parfaitement blanc entre les expositions.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eAction anti-jaunissement intense — avant expo ou concours\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003ePour un résultat éclatant maximal avant une présentation en ring\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003ePréparez avec \u003cstrong\u003eBio Energy Plus + intégrateurs\u003c\/strong\u003e (Hygro Fluid, Huiles 4 Éléments) en masque pré-bain.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication pure sans rincer\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Aquablu Pro \u003cstrong\u003epur, directement sur le masque sans rincer\u003c\/strong\u003e. Laissez agir quelques minutes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eDouble shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis renouvelez le shampoing. \u003cstrong\u003eDeux shampoings recommandés.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream ou Extra Body Cream\u003c\/strong\u003e, puis Mix Pink ou Style 360 en finition.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eBoost pigment — mix avec Aqua Vita\u003c\/span\u003e \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003ePour intensifier encore l’action du pigment bleu\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMélange\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMélangez directement \u003cstrong\u003eAquablu Pro avec la mousse Aqua Vita\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePénétration renforcée\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eL’effet effervescent d’Aqua Vita favorise la \u003cstrong\u003epénétration du pigment bleu dans la structure du poil\u003c\/strong\u003e, intensifiant l’action anti-jaunissement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePose \u0026amp; rinçage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez, laissez poser quelques minutes, rincez abondamment. L’usage régulier de ce duo maintient le manteau blanc, candide et brillant durablement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Aquablu Pro au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec l’Aquablu Pro. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + intégrateurs\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Extra Body Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun boost anti-jaunissement est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Vita (mousse effervescente)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l'Aquablu Pro fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🤍 Robes blanches ou bi\/tricolores \u003cspan\u003e(chats \u0026amp; chiens avec du blanc)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🖤 Manteaux noirs brillants \u0026amp; fauves \u003cspan\u003e(couleurs exaltées)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées blanches \u003cspan\u003e(Caniches, Bichons, Havanais, Coton de Tuléar, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines claires \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Cockers blancs ou bicolores \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais clairs \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Longues \u0026amp; soyeuses blanches \u003cspan\u003e(Maltais, Afghans, Yorkshires bicolores)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriers blancs \u003cspan\u003e(Westie, Scottish, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — partout où il y a du blanc, du noir brillant ou des zones dorées à raviver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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","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\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eHuiles 4 Éléments – Special One | Fiche Produit\u003c\/title\u003e\n\n\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eHUILES 4 ÉLÉMENTS\u003c\/strong\u003e est le mélange d'huiles Special One étudié pour \u003cstrong\u003erenforcer et reconstruire le pelage\u003c\/strong\u003e. Un vrai touche-à-tout qui sublime tous les pelages de toutes les races — en intégrateur, en démêlant, en soin avant-bain, en papillotes ou en cataplasmes.\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 — ce produit sublimera tous les pelages sans exception.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eCe complexe de \u003cstrong\u003equatre huiles végétales précieuses\u003c\/strong\u003e — formulé à base de fractions \u003cstrong\u003einsaponifiables\u003c\/strong\u003e, la partie la plus noble de chaque huile, concentrant vitamines liposolubles, antioxydants, polyphénols et squalène — s'intègre à toutes les étapes du toilettage. Sa polyvalence et sa douceur en font un indispensable de toutes les mallettes. \u003cstrong\u003eNon gras, non occlusif\u003c\/strong\u003e : grâce à son affinité avec le sébum et ses propriétés sébo-restitutives, il est absorbé facilement par la peau et le poil, nourrissant en profondeur et durablement sans jamais alourdir.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e\n ⚠️ \u003cstrong\u003eNe pas utiliser en grande quantité dans l'après-shampoing non rincé :\u003c\/strong\u003e trop d'huile + chaleur du sèche-cheveux = effet \"cuisson\" — le poil ressort sec et en souffrance. Privilégiez l'huile \u003cstrong\u003een amont du bain\u003c\/strong\u003e, pas juste avant le brushing.\n \u003c\/div\u003e\n\n \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\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\u003eAction revitalisante \u0026amp; restructurante :\u003c\/strong\u003e Renforce et reconstruit le pelage en profondeur.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLuminosité \u0026amp; toucher velouté :\u003c\/strong\u003e Apporte éclat et douceur au manteau dès la première application.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDémêlant :\u003c\/strong\u003e Facilite le démêlage et le brossage — efficace même à sec sur les nœuds.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-feutrage :\u003c\/strong\u003e Prévient le retour des nœuds et feutrages entre les bains.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRéparation :\u003c\/strong\u003e Répare les poils cassés et abîmés, renforce la fibre sur le long terme.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePousse améliorée :\u003c\/strong\u003e Utilisé en papillotes et cataplasmes, améliore la croissance et la qualité du manteau.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eUniversel :\u003c\/strong\u003e Convient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eQuatre huiles végétales précieuses aux propriétés complémentaires — sans parabens, sans silicone.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Huile d'Argan\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eIssue de l'Argania Spinosa du Maroc. Antioxydante, hydratante, élasticisante et cicatrisante — absorbée facilement grâce à ses propriétés sébo-restitutives anti-âge. Riche en acides gras insaturés (linoléique, oléique), carotène, vitamine E et stérols. Idéale pour les manteaux secs et crêpus.\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🍀 Huile de Noix\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en tanins, flavonoïdes, acides gallique et caféique. Propriétés dépuratives, antibactériennes, antifongiques et anti-inflammatoires. S'étale rapidement pour lisser les poils frisés ou ébouriffés — idéale en préparation de bains ou de masques.\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🍀 Huile de Tournesol\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003ePressée à froid, riche en acides oléique (32%) et linoléique (54%) et en vitamine E antioxydante. Renforce la barrière lipidique naturelle et prévient la déshydratation. Régénérante cellulaire — émolliente, hydratante et rééquilibrante pour les peaux sensibles ou irritées.\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🍀 Huile de Soja (Maïs)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eExtraite du germe du maïs — légère, émolliente et levigante. Très bien tolérée par les peaux sèches. Riche en vitamine E, acide oléique et linoléique — anti-âge naturel qui équilibre le film hydrolipidique et illumine le pelage en le laissant velouté.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \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 🔥 Intégrateur — dans le masque pré-bain ou l'après-shampoing\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 La méthode d'intégration universelle :\u003cbr\u003e\n 💫 Dans n'importe quel \u003cstrong\u003emasque pré-bain\u003c\/strong\u003e : \u003cstrong\u003e3 pressions d'Huiles 4 Éléments par litre\u003c\/strong\u003e de produit préparé.\u003cbr\u003e\n 💫 Dans l'\u003cstrong\u003eHydrating Cream en fin de bain\u003c\/strong\u003e : ajoutez \u003cstrong\u003e1 pression\u003c\/strong\u003e pour enrichir le conditionneur.\u003cbr\u003e\n 💫 Pour les fourrures en grande souffrance : appliquez les Huiles \u003cstrong\u003ejusqu'à 24 heures avant le bain\u003c\/strong\u003e pour maximiser le temps d'action et l'intensité des bénéfices.\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; feutrages\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 Pour traiter les nœuds et zones feutrées sans mouiller le poil :\u003cbr\u003e\n 💫 Appliquez les \u003cstrong\u003eHuiles 4 Éléments pures directement sur le nœud\u003c\/strong\u003e. Laissez pénétrer quelques instants.\u003cbr\u003e\n 💫 Brossez délicatement avec une brosse à picots douce — le nœud se défait sans douleur ni casse.\u003cbr\u003e\n 💫 Sur les \u003cstrong\u003echiens papillotés ou élastiqués\u003c\/strong\u003e : à l'ouverture, si le poil est noué ou feutré, appliquez de l'huile pure sur la mèche et brossez à la brosse douce.\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 🔥 Papillotes \u0026amp; cataplasmes — pousse \u0026amp; concours\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 Pour les chiens en papillotes ou nécessitant un traitement de fond pour la pousse :\u003cbr\u003e\n 💫 Utilisez les Huiles \u003cstrong\u003epures ou mélangées avec Aqua Dolce + Hydrating Cream\u003c\/strong\u003e pour préparer et envelopper les mèches.\u003cbr\u003e\n 💫 Le complexe huileux nourrit la fibre de façon prolongée et améliore la qualité et la densité de la repousse au fil des semaines.\u003cbr\u003e\n 💫 Idéal en préparation de concours pour les races dont le manteau doit être long, dense et brillant.\n \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\n \u003cspan\u003eExemple 4 🔥 Conditionneur reconstituant post-bain — manteaux très abîmés\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 Pour une action reconstructrice intense après le shampoing :\u003cbr\u003e\n 1. Dans un bol, mélangez \u003cstrong\u003e10 gouttes d'Huiles 4 Éléments + 2 cuillères à soupe de crème\u003c\/strong\u003e au choix : Hydrating Cream, Aqua Dolce ou Extra Body Cream.\u003cbr\u003e\n 2. Diluez avec \u003cstrong\u003e500 mL d'eau chaude\u003c\/strong\u003e et homogénéisez.\u003cbr\u003e\n 3. Appliquez uniformément sur toute la longueur du poil.\u003cbr\u003e\n 4. Sur manteaux très abîmés : laissez poser \u003cstrong\u003e5 minutes sous source de chaleur douce\u003c\/strong\u003e pour favoriser l'absorption. Rincez abondamment.\u003cbr\u003e\n 5. Séchez à basse température, air modéré.\u003cbr\u003e\u003cbr\u003e\n \u003cem\u003eAlternative simple :\u003c\/em\u003e après le bain, frictionnez quelques gouttes sur le poil humide et séchez sans rincer.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\n 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e en masque pré-bain ·\n 🤝 \u003cstrong\u003eTous les shampoings Special One\u003c\/strong\u003e ·\n 🤝 \u003cstrong\u003eHydrating Cream \/ Aqua Dolce\u003c\/strong\u003e en fin de bain ou pour les papillotes\n \u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eTous les pelages de toutes les races, sans exception\u003c\/strong\u003e — chiens et chats de tous âges.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"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\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eHygro Fluid – Special One | Fiche Produit\u003c\/title\u003e\n\n\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eHYGRO FLUID\u003c\/strong\u003e est l'intégrateur nourrissant Special One étudié pour \u003cstrong\u003erenforcer et reconstruire le pelage\u003c\/strong\u003e. Riche en huiles végétales précieuses, il joue un rôle central dans l'équilibre du film hydrolipidique et le rééquilibrage de la flore cutanée. Sa structure permet une \u003cstrong\u003emeilleure absorption des actifs des produits utilisés ensuite\u003c\/strong\u003e — un amplificateur naturel pour tous vos soins.\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 — ce produit sublime tous les pelages sans exception. Parfaitement complémentaire des deux autres intégrateurs de la gamme : \u003cstrong\u003eSuper Keeper et Huiles 4 Éléments\u003c\/strong\u003e.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eHygro Fluid assainit le derme, rééquilibre la flore cutanée et prépare la peau à mieux recevoir les actifs des soins successifs. Son usage en amont amplifie l'efficacité de tous les produits appliqués après lui — un rôle de \u003cstrong\u003ecatalyseur naturel\u003c\/strong\u003e unique parmi les intégrateurs de la gamme.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e\n ⚠️ Si vous ajoutez Hygro Fluid en trop grande quantité après le bain sans rincer, faites attention lors du brushing — le résultat pourrait être trop gras. Privilégiez son utilisation \u003cstrong\u003een amont\u003c\/strong\u003e du bain.\n \u003c\/div\u003e\n\n \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\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\u003eAction revitalisante \u0026amp; restructurante :\u003c\/strong\u003e Renforce et reconstruit le pelage en profondeur.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLuminosité \u0026amp; toucher velouté :\u003c\/strong\u003e Apporte éclat et douceur au manteau dès la première application.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDémêlant :\u003c\/strong\u003e Facilite le démêlage et le brossage, prévient le retour des nœuds et feutrages.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRéparation :\u003c\/strong\u003e Répare les poils cassés et renforce la fibre sur le long terme.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eProtection cutanée :\u003c\/strong\u003e Préserve la peau des agressions et de la saleté en rééquilibrant le film hydrolipidique.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePréparation aux concours :\u003c\/strong\u003e Prépare les fourrures pour une présentation en ring — résultat optimal en synergie avec les autres intégrateurs.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eUniversel :\u003c\/strong\u003e Convient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn concentré d'huiles végétales précieuses aux propriétés hydratantes, protectrices et anti-âge — sans parabens, sans silicone.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Huile de Riz\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAntioxydante et filtre UV naturel — absorbe les rayons UV et protège le poil et la peau des dommages liés à l'exposition solaire.\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🍀 Huile de Graine de Rose\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRevitalisante et protectrice — nourrit la peau en profondeur, favorise la régénération cellulaire et renforce les défenses naturelles du derme.\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🍀 Oméga 3 \u0026amp; 6\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eVitaminés et anti-âge pour le poil — nourrissent et renforcent la fibre capillaire, améliorant élasticité, brillance et résistance à long terme.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \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 🔥 Intégrateur dans le masque pré-bain ou le shampoing\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 La méthode d'intégration quotidienne :\u003cbr\u003e\n 💫 Dans le \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e : ajoutez \u003cstrong\u003e1 à 2 cuillères à soupe d'Hygro Fluid par litre\u003c\/strong\u003e de masque préparé — il amplifie l'action hydratante du masque dès la phase pré-bain.\u003cbr\u003e\n 💫 Dans le \u003cstrong\u003eshampoing\u003c\/strong\u003e : ajoutez \u003cstrong\u003e1 cuillère à soupe\u003c\/strong\u003e directement dans votre shampoing habituel (sauf si vous êtes en recherche de volume maximal).\u003cbr\u003e\n 💫 Pour les fourrures très en souffrance : appliquez Hygro Fluid \u003cstrong\u003ejusqu'à 24 heures avant le bain\u003c\/strong\u003e pour maximiser la pénétration des actifs.\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 🔥 Enrichissement de l'après-shampoing\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 Pour enrichir le conditionneur final :\u003cbr\u003e\n 💫 Ajoutez \u003cstrong\u003e1 à 2 pressions d'Hygro Fluid dans l'Hydrating Cream\u003c\/strong\u003e en fin de bain.\u003cbr\u003e\n Le complexe d'huiles enrichit le conditionneur et améliore la douceur, le velouté et la tenue du poil après séchage.\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 🔥 Programme peau — lutte contre les problèmes cutanés\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 Hygro Fluid est un élément clé du programme de lutte contre les problèmes de peau :\u003cbr\u003e\n 1. \u003cstrong\u003eBio Energy Plus + Hygro Fluid\u003c\/strong\u003e en masque pré-bain (20 min de pose) — le duo rééquilibre le film hydrolipidique et prépare la peau à absorber le soin suivant.\u003cbr\u003e\n 2. Shampoing avec \u003cstrong\u003eSkincare Pro\u003c\/strong\u003e.\u003cbr\u003e\n 3. Finalisez avec \u003cstrong\u003eHydrating Cream + 1 pression d'Hygro Fluid\u003c\/strong\u003e.\u003cbr\u003e\n Ce trio (Bio Energy + Hygro Fluid + Skincare Pro) est la référence pour les peaux chroniquement déséquilibrées.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eToute la gamme Special One est compatible avec Hygro Fluid. Nos alliances préférées :\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003e\n 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e en masque pré-bain (association fondamentale) ·\n 🤝 \u003cstrong\u003eTous les shampoings Special One\u003c\/strong\u003e ·\n 🤝 \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e en fin de bain\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px; padding: 10px 14px; background: #f9f9f9; border: 1px solid #eee;\"\u003e\n 💛 Parfaitement complémentaire des deux autres intégrateurs : \u003cstrong\u003eSuper Keeper\u003c\/strong\u003e et \u003cstrong\u003eHuiles 4 Éléments\u003c\/strong\u003e — les trois fonctionnent en symbiose pour une action complète sur toutes les fourrures.\n \u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eTous les pelages de toutes les races, sans exception\u003c\/strong\u003e — chiens et chats de tous âges.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"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\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSuper Keeper – Special One | Fiche Produit\u003c\/title\u003e\n\n\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eSUPER KEEPER\u003c\/strong\u003e est l'intégrateur protecteur Special One, \u003cstrong\u003ehautement réparateur\u003c\/strong\u003e, étudié pour renforcer et reconstruire le pelage. Son mélange d'huiles végétales et de polysaccharides sélectionnés enveloppe délicatement le poil, le protège des agressions et réduit au maximum la formation de nœuds. Un des produits \u003cstrong\u003epréférés des toiletteurs clients\u003c\/strong\u003e pour ses propriétés ultra puissantes.\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 — ce produit sublime tous les pelages sans exception. Parfaitement complémentaire des deux autres intégrateurs : \u003cstrong\u003eHygro Fluid et Huiles 4 Éléments\u003c\/strong\u003e.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSa \u003cstrong\u003estructure particulière enveloppe délicatement chaque poil\u003c\/strong\u003e — hydratant de l'intérieur et protégeant de l'extérieur contre les agressions physiques, chimiques et environnementales. La composition huileuse régénère le poil abîmé en lui restituant brillance et corps dès les premiers traitements. C'est cet effet \"gaine protectrice\" qui distingue Super Keeper et en fait un choix de référence pour les fourrures très sollicitées ou fragiles.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e\n ⚠️ Si vous ajoutez Super Keeper en trop grande quantité après le bain sans rincer, faites attention lors du brushing — le résultat pourrait être trop gras. Privilégiez son utilisation \u003cstrong\u003een amont\u003c\/strong\u003e du bain.\n \u003c\/div\u003e\n\n \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5;\"\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\u003eAction revitalisante \u0026amp; restructurante :\u003c\/strong\u003e Renforce et reconstruit le pelage en profondeur dès les premiers traitements.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eLuminosité \u0026amp; toucher velouté :\u003c\/strong\u003e Apporte éclat et douceur au manteau dès la première application.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDémêlant \u0026amp; anti-feutrage :\u003c\/strong\u003e Facilite le démêlage et le brossage, réduit au maximum la formation de nœuds.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eGaine protectrice :\u003c\/strong\u003e Enveloppe le poil et protège la peau des agressions extérieures et de la saleté.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRéparation :\u003c\/strong\u003e Répare les poils cassés et renforce durablement la fibre.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePréparation aux concours :\u003c\/strong\u003e Prépare les fourrures pour une présentation en ring en maximisant brillance et tenue.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eUniversel :\u003c\/strong\u003e Convient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn mélange exclusif d'huiles végétales et de polysaccharides spécialement sélectionnés pour l'entretien parfait de tous les pelages — sans parabens, sans silicone.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Complexe d'Huiles Végétales\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eMélange sélectionné pour envelopper le poil d'une gaine protectrice légère — hydrate sans alourdir, régénère le poil abîmé et protège des agressions.\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🍀 Polysaccharides\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eActifs hydratants d'origine naturelle — forment une enveloppe protectrice sur la fibre, retiennent l'humidité et améliorent l'élasticité et la résistance du poil.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \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 🔥 Intégrateur dans le masque pré-bain ou le shampoing\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 La méthode d'intégration universelle :\u003cbr\u003e\n 💫 Dans le \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e : ajoutez \u003cstrong\u003e1 à 2 cuillères à soupe de Super Keeper par litre\u003c\/strong\u003e de masque préparé.\u003cbr\u003e\n 💫 Dans le \u003cstrong\u003eshampoing\u003c\/strong\u003e : ajoutez \u003cstrong\u003e1 cuillère à soupe\u003c\/strong\u003e pour enrichir l'action nettoyante (sauf en recherche de volume maximal).\u003cbr\u003e\n 💫 Pour les fourrures très en souffrance : appliquez Super Keeper \u003cstrong\u003epur, jusqu'à 24 heures avant le bain\u003c\/strong\u003e comme traitement choc reconstituant — massez et laissez agir.\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 🔥 Enrichissement de l'après-shampoing\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 Pour enrichir le conditionneur final :\u003cbr\u003e\n 💫 Ajoutez \u003cstrong\u003e1 à 2 pressions de Super Keeper dans l'Hydrating Cream\u003c\/strong\u003e en fin de bain.\u003cbr\u003e\n L'effet gaine protectrice du Super Keeper complète l'hydratation de l'Hydrating Cream pour un résultat brillant, velouté et durable.\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 🔥 Le protocole Terrier ultime — texture, élasticité \u0026amp; épilation sans dessécher\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 Le protocole concentré en une seule étape, universel sur tous les Terriers :\u003cbr\u003e\n 1. Mélangez \u003cstrong\u003eà parts égales : Super Keeper + Bio Energy Plus + Kératine Pro\u003c\/strong\u003e.\u003cbr\u003e\n 2. Faites mousser, appliquez sur poil mouillé, massez, rincez.\u003cbr\u003e\n Le poil est texturisé pour l'épilation, l'élasticité est préservée par le Bio Energy, le manteau reste nourri grâce au Super Keeper — sans dessécher.\n \u003cdiv style=\"margin-top: 10px; background: #f0fff4; border-left: 3px solid #2ecc71; padding: 10px 12px; font-size: 12px;\"\u003e\n ✨ \u003cstrong\u003eÀ tester absolument sur tous les Terriers\u003c\/strong\u003e — ce protocole 3-en-1 est un game changer pour l'épilation régulière.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eToute la gamme Special One est compatible avec Super Keeper. Nos alliances préférées :\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 15px;\"\u003e\n 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e en masque pré-bain ·\n 🤝 \u003cstrong\u003eTous les shampoings Special One\u003c\/strong\u003e ·\n 🤝 \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e en fin de bain\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px; padding: 10px 14px; background: #f9f9f9; border: 1px solid #eee;\"\u003e\n 💛 Parfaitement complémentaire de \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e et \u003cstrong\u003eHuiles 4 Éléments\u003c\/strong\u003e — les trois intégrateurs fonctionnent en symbiose pour une action complète sur toutes les fourrures.\u003cbr\u003e\n Parfait aussi pour un \u003cstrong\u003eprogramme peau\u003c\/strong\u003e en association avec Bio Energy Plus \u0026amp; Skincare Pro.\n \u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eTous les pelages de toutes les races, sans exception\u003c\/strong\u003e — chiens et chats de tous âges.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ \u003cstrong\u003eParticulièrement indiqué pour les races à manteaux kératiniques\u003c\/strong\u003e — Terriers, Schnauzers, Cockers et autres races dont le poil est dense, dur ou à forte teneur en kératine.\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, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eHYDRATING CREAM\u003c\/strong\u003e est le \u003cstrong\u003emasque hydratant professionnel le plus vendu de l’histoire de Special One\u003c\/strong\u003e. Indispensable pour découvrir la gamme.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eIndispensable pour \u003cstrong\u003etoutes les races\u003c\/strong\u003e, particulièrement pour le \u003cstrong\u003econditionnement des franges, des barbes\u003c\/strong\u003e et les pelages nécessitant une \u003cstrong\u003ehydratation profonde\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eUne \u003cstrong\u003eformulation enrichie d’actifs naturels\u003c\/strong\u003e pour nourrir et revitaliser avec un \u003cstrong\u003eeffet anti-âge\u003c\/strong\u003e. Les extraits de \u003cstrong\u003esoie\u003c\/strong\u003e confèrent une brillance exceptionnelle pour une couleur éclatante.\u003c\/p\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 4h16v6M4 4v3M8 4v3M12 4v3M16 4v3M20 4v3M4 10h16l-2 10H6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDémêlage\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFacilite le brossage et \u003cstrong\u003eévite le retour des nœuds\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eRapidité\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eRéduit considérablement le \u003cstrong\u003etemps de séchage\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eProtection\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003e\n\u003cstrong\u003eFiltre UV\u003c\/strong\u003e et action \u003cstrong\u003eanti-fourches\u003c\/strong\u003e pour préserver les pointes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eSanté\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eMaintient l’\u003cstrong\u003eélasticité cutanée\u003c\/strong\u003e et une peau en parfaite santé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eVitalité\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eTexture plus \u003cstrong\u003esouple et gainée\u003c\/strong\u003e dès la première application.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l’Hydrating Cream\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Hydrating Cream - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l’Hydrating Cream : 4 duos d’actifs synergiques\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne \u003cstrong\u003eformulation sophistiquée\u003c\/strong\u003e qui pénètre au cœur de la fibre pour une régénération totale — quatre duos d’actifs aux propriétés complémentaires.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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!-- ENCART STORYTELLING : best-seller historique --\u003e\n\u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e✨ La signature Hydrating Cream\u003c\/span\u003e\n\u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eLe best-seller historique de Special One\u003c\/p\u003e\n\u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eL’\u003cstrong\u003eHydrating Cream\u003c\/strong\u003e est le masque hydratant professionnel le plus vendu de toute l’histoire de Special One — le produit qui a fait découvrir la marque à des milliers de toiletteurs. Sa formule s’appuie sur les \u003cstrong\u003eextraits de soie\u003c\/strong\u003e, qui déposent un film protecteur soyeux et confèrent au manteau une \u003cstrong\u003ebrillance exceptionnelle pour une couleur éclatante\u003c\/strong\u003e. C’est \u003cem\u003ela\u003c\/em\u003e porte d’entrée de la gamme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 c. à café à 2 c. à soupe\u003cbr\u003epar litre selon le rendu\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e150 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e500 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillère à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '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!-- BLOC METHODE DE PRÉPARATION (infographie, pas un protocole) --\u003e\n\u003cdiv class=\"aqr-method-box\"\u003e\n\u003cdiv class=\"aqr-method-eyebrow\"\u003e🛠️ Méthode de préparation\u003c\/div\u003e\n\u003ch3 class=\"aqr-method-title\"\u003eRéussir sa crème en 6 étapes — conseils maison\u003c\/h3\u003e\n\u003cp class=\"aqr-method-subtitle\"\u003eCette méthode anti-grumeaux est à la base des \u003cstrong\u003e3 protocoles ci-dessous\u003c\/strong\u003e — un seul geste à maîtriser.\u003c\/p\u003e\n\u003col class=\"aqr-method-grid\"\u003e\n\u003cli class=\"aqr-method-step\"\u003e\n\u003cdiv class=\"aqr-method-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-title\"\u003eDoser\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-desc\"\u003ePrendre \u003cstrong\u003e1 cuillère\u003c\/strong\u003e de crème dans un bol ou un shaker.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-method-step\"\u003e\n\u003cdiv class=\"aqr-method-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-title\"\u003eHuile \u003cspan class=\"aqr-method-opt\"\u003e(option)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-desc\"\u003eSi nœuds résiduels : \u003cstrong\u003e1 pression d’Huiles 4 Éléments\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-method-step\"\u003e\n\u003cdiv class=\"aqr-method-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-title\"\u003eEau \u003cem\u003etrès\u003c\/em\u003e chaude\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-desc\"\u003eEnviron \u003cstrong\u003e5 cm d’eau très chaude\u003c\/strong\u003e — essentielle pour \u003cstrong\u003edissoudre les huiles\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-method-step\"\u003e\n\u003cdiv class=\"aqr-method-num\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-title\"\u003eÉmulsionner\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-desc\"\u003e\n\u003cstrong\u003eFouet ou mixeur indispensable !\u003c\/strong\u003e Secouer\/mixer jusqu’à émulsion homogène.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-method-step\"\u003e\n\u003cdiv class=\"aqr-method-num\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-title\"\u003eBio Energy Plus \u003cspan class=\"aqr-method-opt\"\u003e(option)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-desc\"\u003e\n\u003cstrong\u003e2 pressions de Bio Energy Plus\u003c\/strong\u003e pour booster l’effet hydratant.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-method-step\"\u003e\n\u003cdiv class=\"aqr-method-num\"\u003e06\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-title\"\u003eCompléter \u0026amp; appliquer\u003c\/div\u003e\n\u003cdiv class=\"aqr-method-step-desc\"\u003eCompléter avec de l’eau tiède, homogénéiser, appliquer. \u003cstrong\u003eNe rincez pas (ou peu)\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"aqr-method-tip\"\u003e\n\u003cspan class=\"aqr-method-tip-icon\"\u003e💡\u003c\/span\u003e \u003cstrong\u003eNotre conseil :\u003c\/strong\u003e contrairement à d’autres crèmes, l’Hydrating Cream se révèle pleinement \u003cstrong\u003esans rinçage (ou avec un rinçage très léger)\u003c\/strong\u003e — c’est ce qui permet au film soyeux de bien s’installer sur la fibre.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide \u0026amp; efficace\u003c\/span\u003eL’usage de base — tous les jours en salon\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMélanger\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMélangez l’Hydrating Cream à un \u003cstrong\u003efond d’eau chaude\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eHomogénéiser\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eSecouez ou mixez pour homogénéiser.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eCompléter\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eComplétez avec de l’eau tiède et appliquez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e⚡\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eVolume léger\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003e\n\u003cstrong\u003e1 cuillère à café \/ litre\u003c\/strong\u003e + rinçage optionnel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e⚡\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePlus de plombant\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003e\n\u003cstrong\u003e1 à 2 cuillères à soupe \/ litre\u003c\/strong\u003e + pas de rinçage.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eRestructuration intensive\u003c\/span\u003ePour les poils très abîmés — cure de fond\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePréparer le mélange\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eSur poil lavé et essoré : \u003cstrong\u003e1 cuillère à soupe + 20 gouttes de 4 Elements Oil\u003c\/strong\u003e dans \u003cstrong\u003e2 L d’eau chaude\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eDistribuer\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDistribuez sur toute la longueur et laissez poser quelques minutes en brossant.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eBoost chaleur\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003e💡 \u003cstrong\u003eAstuce :\u003c\/strong\u003e pour les poils très abîmés, effectuez la pose \u003cstrong\u003esous une source de chaleur\u003c\/strong\u003e (sèche-cheveux, lampe) pour activer la pénétration.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eRincer\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez abondamment.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003ePréparation Exposition \/ Wrapping\u003c\/span\u003eLe rituel des Compétiteurs et Handlers\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMélanger le trio\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAprès le bain : \u003cstrong\u003e1 c. à soupe d’Hydrating Cream + 1 c. à soupe d’Hygrofluid + quelques gouttes de 4 Elements\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eAppliquer\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez sur les \u003cstrong\u003efranges et la barbe\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePeigner\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003ePeignez avec une \u003cstrong\u003epin brush\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePapillotes\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eLaissez en place \u003cstrong\u003esous papillotes\u003c\/strong\u003e — jusqu’à 1 semaine maximum.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Villanelle au cœur + compléments modulaires Si.. → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003eL’Hydrating Cream fait \u003cstrong\u003el’unanimité sur une grande variété de races\u003c\/strong\u003e. Idéal pour le \u003cstrong\u003econditionnement des franges, des barbes\u003c\/strong\u003e, et le \u003cstrong\u003etraitement pendant la mue saisonnière\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003evolume léger recherché…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 c. à café \/ L + rinçage optionnel\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eeffet plombant voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 à 2 c. à soupe \/ L + sans rinçage\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003epoils très abîmés…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eRestructuration intensive (+ 4 Elements Oil + chaleur)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003epréparation à un show ou wrapping…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMélange Hydrating + Hygrofluid + 4 Elements sous papillotes\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003edémêlage difficile en duo…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eVillanelle (débourrage) + Hydrating Cream (finition)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l’Hydrating Cream fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les Chats \u0026amp; Races Tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Cockers, Épagneuls \u0026amp; Cavalier King Charles \u003cspan\u003e(franges et barbes)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Bergers, Retrievers, Spitz \u0026amp; Eurasiers \u003cspan\u003e(mue saisonnière)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Terriers, Caniches, Bichons \u0026amp; Yorkshires \u003cspan\u003e(poil bouclé et long)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eHydrating Cream fait l’unanimité — la porte d’entrée historique de la gamme Special One.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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 SLES, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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 Litre","offer_id":37819389673651,"sku":"WEX-HYD1 (22)","price":72.7,"currency_code":"EUR","in_stock":true},{"title":"3 Litres","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 BODY CREAM","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eEXTRA BODY CREAM\u003c\/strong\u003e est un \u003cstrong\u003ebaume concentré de volume à effet instantané\u003c\/strong\u003e, formulé pour les chiens et les chats.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt, particulièrement pour les \u003cstrong\u003epelages fins\u003c\/strong\u003e et \u003cstrong\u003esans corps\u003c\/strong\u003e !\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGrâce à des \u003cstrong\u003epolymères de dernière génération\u003c\/strong\u003e et des \u003cstrong\u003eacides aminés\u003c\/strong\u003e, ce baume se fixe au cœur de la structure du poil pour \u003cstrong\u003eaugmenter son épaisseur sans jamais l’alourdir\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eRemplissage\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAugmente le \u003cstrong\u003ediamètre du poil\u003c\/strong\u003e — \u003cstrong\u003eeffet repulpant\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eÉlasticité\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eRedonne \u003cstrong\u003esouplesse et brillance immédiate\u003c\/strong\u003e à la fibre.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDétox\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eEffet \u003cstrong\u003erafraîchissant et purifiant\u003c\/strong\u003e pour la peau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePolyvalence\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eIdéal pour \u003cstrong\u003enourrir les franges sèches\u003c\/strong\u003e des poils durs.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Âge\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003e\n\u003cstrong\u003eProtection contre le stress oxydatif\u003c\/strong\u003e — préserve la jeunesse de la fibre.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l’Extra Body Cream\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv 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: 16px 28px; overflow: visible;\"\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Extra Body Cream - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l’Extra Body Cream : 4 duos d’actifs synergiques\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne \u003cstrong\u003eformulation riche qui pénètre en profondeur dans la fibre kératinique\u003c\/strong\u003e — quatre duos d’actifs aux propriétés complémentaires.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e\n\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\n\u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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!-- ENCART STORYTELLING : effet repulpant --\u003e\n\u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e✨ La signature Extra Body Cream\u003c\/span\u003e\n\u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eL’effet repulpant : le poil retrouve son corps\u003c\/p\u003e\n\u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003ePour les pelages \u003cstrong\u003efins ou sans corps\u003c\/strong\u003e, le défi n’est pas de coiffer mais de \u003cstrong\u003eredonner du diamètre\u003c\/strong\u003e à chaque fibre. Grâce à ses \u003cstrong\u003epolymères de dernière génération\u003c\/strong\u003e et ses \u003cstrong\u003eacides aminés\u003c\/strong\u003e, Extra Body Cream se fixe au cœur de la structure du poil et l’\u003cem\u003eépaissit\u003c\/em\u003e de l’intérieur. \u003cstrong\u003eAucun alourdissement\u003c\/strong\u003e, juste un poil \u003cstrong\u003eplus dense, plus tonique, plus présent\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 c. à café à 1 c. à soupe\u003cbr\u003epar litre selon le rendu\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e150 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e500 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillère à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '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\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eProtocole Anti-mue \u0026amp; Anti-bourre\u003c\/span\u003eLe double passage masque pré-bain + après-shampoing\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDiluez \u003cstrong\u003e1 c. à soupe d’Extra Body Cream par litre d’eau\u003c\/strong\u003e (avec ou sans Bio Energy). Appliquez en masque pré-bain.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eShampoing doux\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eProcédez à un \u003cstrong\u003eshampoing doux au choix\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eAprès-shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eEn fin de bain, réutilisez à hauteur d’\u003cstrong\u003e1 c. à soupe par litre\u003c\/strong\u003e en après-shampoing. \u003cstrong\u003eNe nécessite pas de long temps de pose.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide \u0026amp; efficace\u003c\/span\u003eDeux dosages selon la richesse voulue\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSoin riche\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDiluez \u003cstrong\u003e1 cuillère à soupe\u003c\/strong\u003e dans \u003cstrong\u003eun demi-litre d’eau chaude\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSoin léger\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eOu diluez \u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e dans un demi-litre d’eau chaude.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMassage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMassez délicatement le pelage.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eRinçage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003e\u003cstrong\u003eRincez soigneusement à l’eau tiède.\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eNutrition \u0026amp; Finition (Poils durs)\u003c\/span\u003eLe geste signature pour les franges des poils durs\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication ciblée\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003ePour les \u003cstrong\u003efranges sèches des races à poil dur\u003c\/strong\u003e : appliquez sur les parties concernées.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; rinçage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMassez puis rincez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eBooster shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eIdéal aussi \u003cstrong\u003een ajout dans votre shampoing\u003c\/strong\u003e pour l’enrichir en collagène et kératine hydrolysés.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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\u003eATTENTION :\u003c\/strong\u003e on n’utilisera \u003cstrong\u003epas\u003c\/strong\u003e Extra Body Cream si le chien a un \u003cstrong\u003eretour des nœuds facile\u003c\/strong\u003e. Rappel : \u003cem\u003etrop de volume = retour des nœuds accéléré\u003c\/em\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Villanelle au cœur + compléments modulaires Si.. → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003e🤝 \u003cstrong\u003eFinalisation parfaite\u003c\/strong\u003e avec \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e (pré-bain), \u003cstrong\u003ePlatynum \/ Aquarosa\u003c\/strong\u003e (shampoings), \u003cstrong\u003eAbsolute \/ Style 360\u003c\/strong\u003e (finition).\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003epelage fin sans corps…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eExtra Body Cream en double passage pré + post-bain\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eprotocole anti-mue \/ anti-bourre…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 c. soupe \/ L — sans long temps de pose\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003efranges sèches sur poil dur…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eApplication ciblée pure ou en booster de shampoing\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003echien à retour des nœuds facile…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e❌ Ne pas utiliser — préférer Villanelle ou Hydrating Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003efinition haute brillance recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute ou Style 360 en spray de finition\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l’Extra Body Cream fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les Chats \u003cspan\u003e(volume concentré)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u0026amp; Pelages sans corps \u003cspan\u003e(le besoin n°1)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Bergers, Retrievers, Bouviers \u0026amp; Primitifs \u003cspan\u003e(densité et corps)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Poils durs \u003cspan\u003e(application ciblée sur les franges)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLe baume du volume maîtrisé — pour donner du corps sans alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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 SLES, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eAQUAPURE PRO\u003c\/strong\u003e est le shampoing Special One au \u003cstrong\u003epouvoir lavant le plus fort de la gamme\u003c\/strong\u003e. Il nettoie très en profondeur même les animaux les plus sales et permet une \u003cstrong\u003eremise à zéro de l’épiderme\u003c\/strong\u003e grâce à ses propriétés antiseptiques naturelles — sans jamais agresser ni la peau ni le poil.\n \u003c\/div\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — \u003cstrong\u003eparticulièrement indispensable pour les cas difficiles et les situations extrêmes\u003c\/strong\u003e en salon ou en élevage.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEnrichi en \u003cstrong\u003epropolis\u003c\/strong\u003e — « l’antibiotique naturel » — et en \u003cstrong\u003echlorhexidine\u003c\/strong\u003e, l’Aquapure Pro combine le pouvoir nettoyant le plus élevé de la gamme avec des propriétés \u003cstrong\u003eantiseptiques, antibactériennes et antifongiques durables\u003c\/strong\u003e. Ultra efficace dans les situations les plus extrêmes, il respecte pourtant l’équilibre hydrolipidique et le pH naturels de la peau.\u003c\/p\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePouvoir lavant maximal\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eLe plus fort de la gamme : nettoie et assainit profondément même les cas les plus difficiles.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eRespect de la peau\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003ePréserve l’équilibre hydrolipidique et le pH naturels malgré sa puissance nettoyante.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eCas extrêmes\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eEfficace sur les mâles avec urines, poils très négligés, pollution et saleté profonde.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eRemise à zéro de l’épiderme\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003ePropriétés apaisantes, purifiantes et antiseptiques pour repartir d’une peau saine.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAntibactérien \u0026amp; antifongique\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAction durable contre bactéries, levures et champignons — en curatif comme en préventif.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eRésultat visible\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003ePelage plus propre, plus sain et plus brillant dès la première utilisation.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l'Aquapure Pro\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Aquapure Pro - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l'Aquapure Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formule ciblée sur l’efficacité antiseptique et le respect cutané — \u003cstrong\u003esans SLES, sans parabens, sans silicone\u003c\/strong\u003e. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aquapure Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part pour 20 parts d'eau\u003cbr\u003e1\/10 si action aseptisante intense\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eNettoyage intensif — animaux très sales ou très négligés\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour les fourrures très négligées, mâles avec urines, pollution ou saleté profonde\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eLavage intensif\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Aquapure Pro \u003cstrong\u003edilué à 1\/10\u003c\/strong\u003e (action intense) sur le poil mouillé. Massez abondamment, puis rincez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSecond shampoing conditionnant\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eEnchaînez avec un \u003cstrong\u003esecond shampoing plus doux\u003c\/strong\u003e — \u003cstrong\u003eBain Pro, Aquarosa Pro ou 4Poodle\u003c\/strong\u003e — pour conditionner après le nettoyage.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream, Bombastic ou Aqua Dolce\u003c\/strong\u003e selon le besoin de la fourrure.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eRemise à zéro de l’épiderme — peau à assainir\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour repartir d’une peau saine après une peau macérée, négligée ou déséquilibrée\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePréparez avec le masque pré-bain \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e pour amplifier l’action réparatrice.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eApplication sans rincer\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez Aquapure Pro directement \u003cstrong\u003esans rincer le masque\u003c\/strong\u003e. Laissez poser quelques instants, massez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRinçage \u0026amp; renouvellement\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez abondamment, puis renouvelez le shampoing si nécessaire.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition réparatrice\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream + Huiles 4 Éléments\u003c\/strong\u003e pour restaurer le film protecteur.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eChoisissez Aquapure Pro si vous avez besoin de…\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eLes situations où l’Aquapure Pro fait toute la différence\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eNettoyer en profondeur\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eLes fourrures les plus sales et les plus négligées.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRemettre la peau à zéro\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eGrâce aux propriétés antiseptiques et antifongiques.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eAseptiser en situation exceptionnelle\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eÉpilation sur peau très sale nécessitant une désinfection de l’épiderme.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003ePrévenir\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eEmpêcher le développement de bactéries, levures ou champignons sur une peau ayant macéré ou été négligée.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Aquapure Pro au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec l’Aquapure Pro. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun second shampoing plus doux est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · 4Poodle\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain réparateur est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final est nécessaire…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Bombastic · Aqua Dolce\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l'Aquapure Pro fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐶 Tous les chiens \u003cspan\u003e(sans exception)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats \u003cspan\u003e(sans exception)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e💧 Mâles marqueurs \u0026amp; urines\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🌫️ Pollution \u0026amp; saleté profonde\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🩹 Peaux macérées ou négligées\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✂️ Épilation sur peau à assainir\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLe nettoyage le plus puissant de la gamme — sans aucun compromis sur la douceur envers la peau et le poil.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans SLES, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"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\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eMix Pink – Special One | Fiche Produit\u003c\/title\u003e\n\n\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eMIX PINK\u003c\/strong\u003e est le spray conditionneur bi-phasique antistatique de Special One, bestseller de la gamme Expert Line. Sa formule unique — enrichie à l'huile de macadamia et à la lanoline — agit comme un \u003cstrong\u003epuissant restructurant et disciplinant du manteau\u003c\/strong\u003e : le poil retrouve tonus, hydratation et brillance sans être alourdi ni graissé.\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;\"\u003eIdéal pour tous les manteaux longs et frangés — et indispensable pour les fourrures fines et laineuses à fort potentiel électrostatique.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSa \u003cstrong\u003eformule bi-phasique\u003c\/strong\u003e est la clé de son efficacité : après agitation, les deux phases — huileuse et aqueuse — permettent aux huiles de se répartir uniformément sur le poil \u003cstrong\u003esans graisser\u003c\/strong\u003e, tout en neutralisant la charge électrostatique. Le produit sèche rapidement, ne s'accumule pas et ne \"vole\" pas pendant le séchage — il peut donc être utilisé autant que nécessaire, même quotidiennement.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatique puissant :\u003c\/strong\u003e Élimine la charge électrostatique sans alourdir le manteau.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDisciplinant :\u003c\/strong\u003e Ordonne, lisse et structure le manteau — fin aux poils qui \"volent\".\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation \u0026amp; brillance :\u003c\/strong\u003e Poil luisant, souple et visiblement hydraté après chaque application.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-nœuds durable :\u003c\/strong\u003e Améliore la texture du manteau et prévient les nœuds à l'usage quotidien.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-frisottis :\u003c\/strong\u003e Élimine le crêpage et protège le manteau de la chaleur du sèche-cheveux.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAdoucissant :\u003c\/strong\u003e Assouplit les manteaux secs et déshydratés, facilitant nettement le démêlage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFormule non grasse :\u003c\/strong\u003e Distribution uniforme des huiles sans résidu ni effet lourd.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eParfum frais \u0026amp; persistant :\u003c\/strong\u003e Note agréable qui laisse le manteau sentant bon après chaque utilisation.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn complexe d'huiles précieuses et d'actifs restructurants soigneusement sélectionnés pour leurs propriétés hydratantes, protectrices et régénérantes.\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🍀 Huile de Macadamia\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eHydratante et restructurante — maintient le manteau doux, brillant et nourri en profondeur.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Lanoline\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eÉmolliente naturelle d'origine ovine : prévient la sécheresse, réduit la perte de poil et améliore la peignabilité.\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🍀 Huile de Camélia\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en acides gras essentiels et vitamine E — protège le manteau des UV, du vent et de la pollution.\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🍀 Huile de Tournesol\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eÉmolliente et apaisante — maintient la peau souple et hydratée, prévient la sécheresse.\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🍀 Huile de Maïs\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eLégère et non grasse — hydrate le manteau sans l'alourdir.\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🍀 Extrait de Ginseng\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAntioxydant et régénérant — protège des agressions extérieures et stimule la régénération du poil.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Extrait de Café Arabica\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eTonifiant et stimulant — améliore la microcirculation cutanée et dynamise la fibre.\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🍀 Huile de Ricin Hydrogénée\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eÉmolliente et lénitive — assouplit la peau, prévient la sécheresse et la desquamation.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #fff; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e\n ⚠️ \u003cstrong\u003eAgiter énergiquement avant chaque utilisation\u003c\/strong\u003e pour bien mélanger les deux phases. Vaporiser à \u003cstrong\u003e20–30 cm\u003c\/strong\u003e du poil. Ne pas vaporiser sur les yeux et le nez.\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 🔥 Entretien \u0026amp; brossage quotidien à poil sec\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 Pour les manteaux qui se nouent facilement, Mix Pink peut s'utiliser \u003cstrong\u003echaque jour à poil sec\u003c\/strong\u003e en entretien :\u003cbr\u003e\n 1. Agitez le flacon. Vaporisez sur la zone à brosser, à 20–30 cm.\u003cbr\u003e\n 2. Brossez section par section. Le poil se détend, s'ordonne et la charge électrostatique disparaît.\u003cbr\u003e\n L'usage régulier améliore progressivement la texture du manteau et \u003cstrong\u003eprévient la formation de nœuds\u003c\/strong\u003e sur le long terme.\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 🔥 Conditionneur pendant le séchage\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 Mix Pink s'intègre parfaitement dans la phase de séchage après le bain :\u003cbr\u003e\n 1. Agitez le flacon. Vaporisez uniformément sur l'ensemble du manteau humide, à 20–30 cm, en couvrant toute la surface.\u003cbr\u003e\n 2. Séchez au sèche-cheveux en brossant section par section.\u003cbr\u003e\n Le produit \u003cstrong\u003esèche rapidement sans s'accumuler\u003c\/strong\u003e — il protège des dommages thermiques et laisse le poil discipliné, luisant et parfumé.\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 🔥 Finishing pré-ring — définition \u0026amp; brillance expo\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 Mix Pink est un excellent \u003cstrong\u003efinishing de présentation\u003c\/strong\u003e pour les chiens d'exposition :\u003cbr\u003e\n 1. Agitez le flacon. Vaporisez directement sur le manteau sec et brossé.\u003cbr\u003e\n 2. Distribuez uniformément à la brosse pour définir les formes et amplifier la brillance des longueurs et des franges.\u003cbr\u003e\n Résultat : manteau impeccablement ordonné, lumineux et structuré — prêt pour le ring.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eToute la gamme Special One est compatible avec Mix Pink. À noter : Mix Pink est plus aérien qu'Aqua Beauty (moins anti-nœuds, plus léger), et se distingue d'Absolute 4Poodle, davantage dédié au volume sur Caniche.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\n 🤝 \u003cstrong\u003eAquarosa Pro \/ Bain Pro\u003c\/strong\u003e en shampoing ·\n 🤝 \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e en masque ·\n 🤝 \u003cstrong\u003eAqua Beauty\u003c\/strong\u003e en spray complémentaire (action anti-nœuds renforcée)\n \u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Races à manteau long et frangé : Cockers, Setters, Afghans, Yorkshire — conditioning et brillance des longueurs.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures fines et laineuses à fort électrostatisme : Maltais, Bichons, Samoyèdes…\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Caniches — allège et ordonne le manteau sans le friser (à différencier d'Absolute 4Poodle pour le volume).\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Races soyeuses : Shih-Tzu, Cavalier King Charles, Terrier du Tibet — douceur et peignabilité quotidienne.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Tous les chiens participant à des expositions — finishing pré-ring pour définir les formes et intensifier la brillance.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"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, raviveur de couleurs","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- 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\u003eTECH IN COLOR\u003c\/strong\u003e est le traitement professionnel de Special One pour \u003cstrong\u003esublimer la couleur naturelle de la robe\u003c\/strong\u003e. Ses \u003cstrong\u003epigments naturels\u003c\/strong\u003e interagissent avec les structures kératiniques du poil pour prolonger l'éclat jusqu'au traitement suivant — disponible en \u003cstrong\u003e5 versions selon la couleur du pelage\u003c\/strong\u003e.\u003c\/div\u003e\n\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 n'est pas une teinture.\u003c\/strong\u003e C'est un \u003cstrong\u003eréfléchissant naturel\u003c\/strong\u003e qui intensifie la tonalité du pelage jusqu'à 2 ou 3 tons, augmente le contraste et la profondeur du manteau.\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 !\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✅ Eleveurs\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!-- EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\u003cp style=\"font-size: 14px;\"\u003eGrâce à des \u003cstrong\u003epigments naturels issus des pollens de plantes\u003c\/strong\u003e et des \u003cstrong\u003esubstances minérales réfléchissantes\u003c\/strong\u003e, Tech in Color pénètre dans le cortex du poil en ouvrant délicatement les écailles kératiniques, sans altérer la structure. Les pigments se scellent à l'intérieur du poil et y restent jusqu'au prochain bain pour un résultat durable et uniforme.\u003c\/p\u003e\n\u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n\u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRévélateur de Couleur :\u003c\/strong\u003e Intensifie la couleur naturelle du pelage jusqu'à 2-3 tons.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eTenue dans la Durée :\u003c\/strong\u003e Les pigments s'ancrent dans la kératine jusqu'au bain suivant.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFormule Naturelle \u0026amp; Aqueuse :\u003c\/strong\u003e Pigments d'origine végétale, base aqueuse, sans agressivité pour la peau.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003e5 Versions Mixables :\u003c\/strong\u003e Adaptées à chaque couleur, combinables entre elles pour un résultat sur-mesure.\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eCompatible \u0026amp; Modulable :\u003c\/strong\u003e S'intègre à tous les soins de la gamme Special One.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- VERSIONS DISPONIBLES --\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;\"\u003eChoisir sa Version\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eSélectionnez la version correspondant à la couleur du pelage de votre animal. Les versions sont également \u003cstrong\u003ecombinables entre elles\u003c\/strong\u003e pour affiner le résultat.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #1a1a1a; color: #fff;\"\u003e\n\u003cth style=\"padding: 10px 15px; text-align: left; font-weight: 600;\"\u003eCouleur du pelage\u003c\/th\u003e\n\u003cth style=\"padding: 10px 15px; text-align: center; font-weight: 600;\"\u003eVersion\u003c\/th\u003e\n\u003cth style=\"padding: 10px 15px; text-align: left; font-weight: 600;\"\u003eReflet \u0026amp; Notes\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"background: #fafafa;\"\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e⬜ Blanc, bi \/ tricolore, silver\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color A\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eTonalité bleue — effet anti-jaune, exalte contraste et brillance.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fff;\"\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e⬛ Noir, gris, bleu\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color B\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eTonalité noire — utilisable aussi sur poils gris\/clairs sans reflet violet ou vert.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fafafa;\"\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e🟠 Abricot, rouge, fauve, tan\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color C\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eTonalité rubis — pigment intense, red \u0026amp; tan. Mixable avec D ou E.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fff;\"\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003e🟤 Marron, rubis\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee; text-align: center;\"\u003e\u003cstrong\u003eTech in Color D\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; border-bottom: 1px solid #eee;\"\u003eTonalité noix — spécialement formulée pour les manteaux bruns. Mixable avec C.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fafafa;\"\u003e\n\u003ctd style=\"padding: 10px 15px;\"\u003e🟡 Blond, crème, gold, abricot\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px; text-align: center;\"\u003e\u003cstrong\u003eTech in Color E\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 15px;\"\u003eTonalité orange — vive, pour manteaux gold, blonds, abricots. Mixable avec C.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #eee; font-size: 12px; color: #555;\"\u003eVous pouvez les mélanger pour obtenir la tonalité exacte recherchée !\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SYNERGIE D'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;\"\u003eComposition : Focus sur du Naturel\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eDes actifs soigneusement sélectionnés pour illuminer sans altérer.\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✨ Pigments Naturels d'Origine Végétale\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eIssus des pollens de plantes (CI 14720, CI 19140, CI 28440, CI 15985, CI 16255, CI 42090). Pénètrent le cortex kératinique pour une couleur intense et lumineuse.\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✨ Substances Minérales Réfléchissantes\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eUltramarines (CI 60730) — amplifient l'éclat et la brillance de la robe en captant la lumière. Base aqueuse, délicate pour la peau.\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!-- 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 🔥 Intégration au Shampoing ou au Masque\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.5;\"\u003eÉmulsionnez les gouttes Tech in Color dans votre shampoing Special One dilué ou dans le masque final.\u003cbr\u003e\u003cbr\u003e1. Dose indicative : \u003cstrong\u003e15 à 60 gouttes par litre\u003c\/strong\u003e — augmentez selon l'intensité de reflets souhaitée.\u003cbr\u003e2. Appliquez sur l'ensemble du manteau et laissez agir \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e.\u003cbr\u003e3. Rincez abondamment.\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 🔥 Absorption Intensifiée (hors pelages blancs)\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.5;\"\u003ePour maximiser la fixation des pigments — \u003cstrong\u003ene pas réaliser sur les pelages blancs\u003c\/strong\u003e :\u003cbr\u003e\u003cbr\u003e1. Préparez une solution concentrée de Tech in Color dans de l'eau (+ éventuellement quelques pressions d'\u003cstrong\u003eHuiles 4 Elements\u003c\/strong\u003e).\u003cbr\u003e2. Appliquez sur le \u003cstrong\u003epoil sec\u003c\/strong\u003e, hors cycle de bain classique.\u003cbr\u003e3. Ne pas sécher, ne pas rincer. Laisser absorber naturellement.\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 🔥 Application en Spray (avant ou pendant le 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.5;\"\u003e1. Diluez Tech in Color dans un spray avec de l'eau.\u003cbr\u003e2. Nébulisez sur le manteau \u003cstrong\u003eavant ou pendant le séchage\u003c\/strong\u003e.\u003cbr\u003e3. ⚠️ \u003cstrong\u003ePortez des gants\u003c\/strong\u003e lors de cette utilisation — l'effet colorant peut être très intense sur les mains.\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 4 🔥 Application Ciblée au Pinceau (retouche \u0026amp; camouflage)\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.5;\"\u003ePour cibler une zone précise (poitrail, patte, etc.) :\u003cbr\u003e\u003cbr\u003e1. Appliquez Tech in Color \u003cstrong\u003epur ou dilué\u003c\/strong\u003e au pinceau directement sur la zone à traiter.\u003cbr\u003e2. Dosez selon l'intensité de couleur désirée.\u003cbr\u003e3. Laissez poser, puis rincez si nécessaire.\u003cbr\u003e\u003cbr\u003e💡 Idéal pour les retouches de présentation en exposition.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ BIEN DOSER SON TECH IN COLOR :\u003c\/span\u003e\n\u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e1️⃣ Choisissez la version adaptée à la couleur du pelage (A, B, C, D ou E).\u003cbr\u003e2️⃣ Commencez par \u003cstrong\u003e15 à 40 gouttes par litre\u003c\/strong\u003e comme base de travail.\u003cbr\u003e3️⃣ Montez jusqu'à \u003cstrong\u003e60 gouttes\u003c\/strong\u003e selon l'intensité de reflets désirée.\u003cbr\u003e4️⃣ Mélangez soigneusement à votre shampoing ou masque avant application.\u003cbr\u003e5️⃣ Laissez poser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e pour permettre l'ancrage kératinique, puis rincez.\u003cbr\u003e6️⃣ Pour un effet naturel tono su tono : mixez deux versions (ex. 3\/4 de E + 1\/4 de C).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 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: 10px;\"\u003e🤝 Synergie parfaite avec : \u003cstrong\u003etous les shampoings, masques et conditionners Special One\u003c\/strong\u003e — notamment avec \u003cstrong\u003eHuiles 4 Elements\u003c\/strong\u003e pour un résultat intensifié.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tous les chats\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tous les chiens en salon de toilettage\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures frisées (Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington…)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tous les Cockers (Américain, Anglais)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Races Tibétaines (Shih-Tzu, Lhassa, Terrier du Tibet…)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Epagneuls Nains Anglais (Cavalier et King Charles)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures longues et soyeuses (Yorkshire, Afghans…)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Tous les terriers (Scottish, Westie, Welsh…)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp style=\"font-size: 12px; color: #888; margin-top: 10px;\"\u003eLa liste est longue et non exhaustive !\u003c\/p\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, Sans Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"A - MANTEAU BLANC\/BICOLORE\/TRICO","offer_id":37819391017139,"sku":"WEX-THCA 040 (11)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"B - MANTEAU NOIR\/GRIS","offer_id":37819391049907,"sku":"WEX-THCB 041","price":50.9,"currency_code":"EUR","in_stock":false},{"title":"C - MANTEAU ABRICOT\/FAUVE","offer_id":37819391082675,"sku":"WEX-THCD 042 (142)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"D - MANTEAU MARRON, RUBY","offer_id":37819391115443,"sku":"WEX-THCD 043 (137)","price":50.9,"currency_code":"EUR","in_stock":true},{"title":"E - MANTEAU CRÈME\/BLOND","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, spray volume","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\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\u003eSTYLE 360\u003c\/strong\u003e est le tout premier conditionneur de la gamme Special One — un classique à la formulation particulièrement technique. Conçu pour \u003cstrong\u003evolumiser au maximum toutes les fourrures\u003c\/strong\u003e tout en éliminant l'électricité statique, il donne une tenue parfaite au poil lors de la coupe aux ciseaux et s'impose comme l'indispensable des jours d'exposition.\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 — particulièrement les professionnels en quête de volume maximal et de tenue pour la coupe ou l'exposition.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR : DIAGRAMME COSMÉTOLOGIQUE --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e\n \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eDiagramme cosmétologique du Style 360\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: \"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\n\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;\"\u003eEnrichi d'un mélange de tensioactifs d'origine naturelle et de substances hydratantes, Style 360 \u003cstrong\u003eredonne brillance et élasticité au poil dès les premiers soins\u003c\/strong\u003e. Sa formule technique unique permet d'obtenir un volume tenu et structuré, que ce soit pour une coupe professionnelle, le montage d'une tête ou la présentation en ring.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 12px 15px; font-size: 13px; margin-bottom: 20px;\"\u003e\n ⚠️ \u003cstrong\u003eProduit pour les grandes occasions :\u003c\/strong\u003e Style 360 est recommandé pour les jours d'expo, de concours et de coupe — pas pour l'entretien quotidien. Une utilisation trop fréquente serait contre-productive et engendrerait un retour rapide des nœuds.\n \u003c\/div\u003e\n\n \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5;\"\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\u003eVolume maximal :\u003c\/strong\u003e Gonfle et structure toutes les fourrures pour un résultat spectaculaire.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eTenue parfaite pour la coupe :\u003c\/strong\u003e Le poil tient sous les ciseaux, facilitant les finitions précises.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFixation longue durée :\u003c\/strong\u003e Maintient la forme et la tenue du pelage dans le temps.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMontage de têtes :\u003c\/strong\u003e Particulièrement efficace pour le montage et la mise en forme des têtes.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAide au plombé :\u003c\/strong\u003e Aide à plomber les fourrures qui en ont besoin.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatique :\u003c\/strong\u003e Élimine l'électricité statique pour un poil discipliné et ordonné.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eDouceur universelle :\u003c\/strong\u003e Convient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \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 axée sur le volume, la brillance et la protection — sans parabens, sans silicone.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Protéines de Soie\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eApportent douceur et gainage — enveloppent la fibre pour lui donner corps et brillance.\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🍀 Protéines de Lait\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eNourrissent le manteau en profondeur et renforcent la fibre pour un poil résistant et soyeux.\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🍀 Huile de Jojoba\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eFait ressortir les couleurs naturelles du pelage tout en nourrissant la fibre en profondeur.\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🍀 Chlorella Vulgaris\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eAlgue marine riche en acides aminés essentiels hautement biodisponibles — antioxydante et détoxifiante.\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 B12 \u0026amp; Bêta-Carotène\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eHydratent la structure du poil de l'intérieur et contribuent à la vitalité et à l'éclat du manteau.\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 \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 💡 \u003cstrong\u003eDilution selon la finesse du poil :\u003c\/strong\u003e Pur sur les poils épais pour un volume très tenu · Dilué jusqu'à 1\/10 à l'eau déminéralisée pour les poils fins (ex. Caniche Toy). Appliquer sur poil mouillé.\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 🔥 Séchage, brushing \u0026amp; coupe aux ciseaux\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Style 360 s'utilise tout au long du toilettage, du séchage jusqu'à la coupe finale :\u003cbr\u003e\n 1. Appliquez sur le poil mouillé lors du séchage en pulsant régulièrement au fur et à mesure que le poil sèche.\u003cbr\u003e\n 2. Continuez à vaporiser lors du brushing final — sur le poil \u003cstrong\u003eet directement sur la brosse et le peigne\u003c\/strong\u003e pour une action encore plus performante.\u003cbr\u003e\n 3. Pendant la coupe, revenez vaporiser très régulièrement sur les zones travaillées : le poil tient sous les ciseaux et la tenue s'améliore au fil de la coupe.\u003cbr\u003e\n Le volume monte progressivement à chaque étape.\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 🔥 Jour d'exposition — préparation \u0026amp; retouche ring\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 Style 360 est l'outil de référence les jours de concours :\u003cbr\u003e\n 1. \u003cstrong\u003eLe matin de l'exposition\u003c\/strong\u003e : pulsez Style 360 sur l'ensemble du pelage pour remettre en forme le volume et la tenue acquis lors du toilettage.\u003cbr\u003e\n 2. \u003cstrong\u003eAvant le ring\u003c\/strong\u003e : retouchez les zones qui auraient bougé ou perdu de la tenue. Vaporisez et brossez pour une finition impeccable.\u003cbr\u003e\n 3. \u003cstrong\u003eSur le ring si besoin\u003c\/strong\u003e : une légère application de dernière minute est possible pour un résultat parfait devant les juges.\u003cbr\u003e\n Si fixation complémentaire souhaitée : utilisez \u003cstrong\u003eMultifix\u003c\/strong\u003e en spray de fixation finale.\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 🔥 Montage de têtes \u0026amp; plombé des fourrures\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 Pour les travaux de mise en forme spécifiques :\u003cbr\u003e\n 1. Vaporisez Style 360 pur ou légèrement dilué directement sur la zone à travailler (tête, chignon, zones à plomber).\u003cbr\u003e\n 2. Travaillez au peigne ou à la brosse en construisant le volume couche par couche.\u003cbr\u003e\n La fixation longue durée maintient la forme obtenue — idéal pour les montages élaborés qui doivent tenir toute une journée d'exposition. Complétez avec \u003cstrong\u003eExtra Body Cream ou Beauty Rinse\u003c\/strong\u003e pour un effet volume encore renforcé.\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 4 🔥 Conditionneur à rincer après shampoing\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 Style 360 peut également s'utiliser comme \u003cstrong\u003econditionneur classique après shampoing\u003c\/strong\u003e :\u003cbr\u003e\n 1. Après le shampoing et l'essorage, vaporisez Style 360 sur l'ensemble du manteau humide.\u003cbr\u003e\n 2. Massez soigneusement pour faire pénétrer le produit dans la fibre. Laissez poser quelques instants en continuant à masser.\u003cbr\u003e\n 3. Rincez abondamment.\u003cbr\u003e\n Cette méthode apporte un effet volume et nutrition de base avant même le séchage — idéale pour préparer les fourrures fines ou déshydratées.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eIdéal avec tous les produits générateurs de volume de la gamme :\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\n 🤝 \u003cstrong\u003ePlatynum Pro\u003c\/strong\u003e ·\n 🤝 \u003cstrong\u003eExtra Body Cream\u003c\/strong\u003e ·\n 🤝 \u003cstrong\u003eBeauty Rinse\u003c\/strong\u003e ·\n 🤝 \u003cstrong\u003eMultifix\u003c\/strong\u003e (fixation finale)\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✔️ Tous les chats et tous les chiens — universel sur l'ensemble des races et types de pelage dès lors qu'on recherche du volume\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures frisées : Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington… — volume et tenue maximaux.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Cockers Américain\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Oreilles des Épagneuls Nains Anglais (Cavalier et King Charles)\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Terriers : Scottish, Westie, Welsh… — liste longue et non exhaustive !\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Poils doubles : Spitz, Terre Neuve, Samoyède, Bouviers, Bergers Australiens, etc.\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, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":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\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\u003eMULTIFIX\u003c\/strong\u003e est le fluide modelant professionnel de Special One pour \u003cstrong\u003ecréer et maintenir des coiffures durables\u003c\/strong\u003e — effet lisse ou bouclé. Grâce à son \u003cstrong\u003efilm hydrosoluble à effet mémoire\u003c\/strong\u003e, il protège le manteau de la chaleur tout en conservant la mise en forme souhaitée bien au-delà du salon.\n \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;\"\u003eLe must-have des toiletteurs artistiques et des compétiteurs !\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✅ Eleveurs\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 \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n \u003cp style=\"font-size: 14px;\"\u003eMultifix forme un \u003cstrong\u003efilm hydrosoluble sur le poil\u003c\/strong\u003e qui protège le manteau des sources de chaleur (fer à lisser, séchoir), fixe la mise en forme et peut être facilement renouvelé avec de l'eau. Sa formulation à base de \u003cstrong\u003erésines naturelles et polymères cosmétiques\u003c\/strong\u003e garantit brillance, élasticité et tenue sans alourdir le manteau ni laisser de résidus.\u003c\/p\u003e\n \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEffet Mémoire :\u003c\/strong\u003e Maintient la coiffure lisse ou bouclée longtemps après le toilettage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eProtection Thermique :\u003c\/strong\u003e Film protecteur actif contre la chaleur du fer et du séchoir.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBrillance \u0026amp; Élasticité :\u003c\/strong\u003e Renforce l'aspect soyeux et la vitalité du manteau.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eApplication Facile :\u003c\/strong\u003e Se répartit uniformément, sèche rapidement, sans résidu.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eHydrosoluble :\u003c\/strong\u003e La coiffure se réactive simplement à l'eau pour ajustement.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\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;\"\u003eFormulation : Technologie Modelante\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne synergie d'actifs cosmétiques pour fixer, protéger et sublimer.\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🍀 Résines Naturelles\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eForment le film protecteur hydrosoluble à effet mémoire — tenue de la coiffure sans rigidité ni résidu.\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🍀 Polymères Cosmétiques Conditionnants\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eAméliorent la texture du manteau, facilitent le coiffage, apportent souplesse et résistance à l'humidité.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'Utilisations\u003c\/span\u003e\n \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 🔥 Effet Lisse — Brushing \u0026amp; Fer à Lisser\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.5;\"\u003e\n Sur poil propre, tamponné de l'excès d'eau :\u003cbr\u003e\u003cbr\u003e\n 1. Répartissez \u003cstrong\u003eMultifix uniformément\u003c\/strong\u003e sur le manteau.\u003cbr\u003e\n 2. Séchez au séchoir ou au brushing.\u003cbr\u003e\n 3. Créez la mise en forme lisse au \u003cstrong\u003efer à lisser\u003c\/strong\u003e.\u003cbr\u003e\n 4. Pour renforcer la tenue, \u003cstrong\u003erépétez l'application\u003c\/strong\u003e après la mise en forme.\u003cbr\u003e\u003cbr\u003e\n 💡 Le film protecteur thermique est actif dès l'application — le poil est protégé de la chaleur directe.\n \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 🔥 Effet Bouclé — Diffuseur (sans brosse ni cardeur)\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.5;\"\u003e\n Sur poil propre, tamponné de l'excès d'eau :\u003cbr\u003e\u003cbr\u003e\n 1. Appliquez Multifix uniformément sur l'ensemble du manteau.\u003cbr\u003e\n 2. Peignez le poil en formant des \u003cstrong\u003eboucles naturelles\u003c\/strong\u003e.\u003cbr\u003e\n 3. Séchez \u003cstrong\u003eau diffuseur uniquement\u003c\/strong\u003e — sans cardeur ni brosse pour préserver la boucle.\u003cbr\u003e\n 4. Répétez l'application après séchage pour \u003cstrong\u003erenforcer et fixer la boucle\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e\n 💡 Idéal pour les Caniches, Bichons et toutes races à manteau ondulé.\n \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 🔥 Entretien \u0026amp; Réactivation entre les Bains\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.5;\"\u003e\n Grâce au film \u003cstrong\u003ehydrosoluble\u003c\/strong\u003e, la coiffure peut être réactivée et ajustée facilement :\u003cbr\u003e\u003cbr\u003e\n 1. Humidifiez légèrement la zone à restructurer avec de l'eau.\u003cbr\u003e\n 2. Reformez la coiffure à la main ou au peigne.\u003cbr\u003e\n 3. Séchez pour fixer à nouveau — sans rebaigner l'animal.\u003cbr\u003e\u003cbr\u003e\n 💡 Parfait pour maintenir une présentation impeccable entre deux expositions.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ BIEN UTILISER SON MULTIFIX :\u003c\/span\u003e\n \u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e\n 1️⃣ Appliquer sur poil \u003cstrong\u003epropre et tamponné\u003c\/strong\u003e (ni trop mouillé, ni sec).\u003cbr\u003e\n 2️⃣ Répartir uniformément sur tout le manteau ou sur les zones ciblées.\u003cbr\u003e\n 3️⃣ Procéder au séchage selon l'effet souhaité (brushing pour le lisse, diffuseur pour le bouclé).\u003cbr\u003e\n 4️⃣ Créer la mise en forme finale au fer ou au diffuseur.\u003cbr\u003e\n 5️⃣ \u003cstrong\u003eRépéter l'application\u003c\/strong\u003e après la mise en forme pour renforcer la tenue.\u003cbr\u003e\n 6️⃣ Pour réactiver : humidifier légèrement et reformer sans rebaigner.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Synergie parfaite avec : \u003cstrong\u003etous les shampoings et masques Special One\u003c\/strong\u003e — idéalement en finition après un soin \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e pour un manteau parfaitement conditionné avant mise en forme.\u003c\/p\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures frisées \u0026amp; ondulées (Caniches, Bichons, Kerry Blue, Soft Coated Wheaten…) — effet bouclé naturel.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Fourrures lisses longues (Yorkshire, Afghans, Setters, Cockers…) — tenue du lissage prolongée.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Races Tibétaines (Shih-Tzu, Lhassa, Terrier du Tibet…) — maintien de la coiffure en exposition.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Terriers (Bedlington, Welsh, Lakeland…) — définition et tenue du modelage.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Toutes races en préparation show ou compétition nécessitant une mise en forme durable.\u003c\/td\u003e\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, Sans Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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 GROOMING POWDER","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cstrong\u003eTRIM GROOMING POWDER\u003c\/strong\u003e\u003cspan\u003e est la poudre professionnelle spécialement formulée pour blanchir et préparer le manteau à l'\u003c\/span\u003e\u003cstrong\u003eépilation\u003c\/strong\u003e\u003cspan\u003e. \u003c\/span\u003e\u003c\/p\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\n\u003ctable border=\"0\" cellpadding=\"1\" cellspacing=\"1\" data-mce-fragment=\"1\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd bgcolor=\"303030\" pixels=\"\" data-mce-fragment=\"1\"\u003e\n\u003cdiv style=\"padding-left: 30px;\" data-mce-style=\"padding-left: 30px;\" data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\u003cspan style=\"color: #ffffff;\" data-mce-style=\"color: #ffffff;\" data-mce-fragment=\"1\"\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 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✅ Apporte précision et rapidité lors de l'étape épilation \u003c\/div\u003e\n\u003cdiv\u003e✅ Adhère \u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003euniformément aux poils\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan data-mce-fragment=\"1\"\u003e✅ Action blancheur \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Donne \u003cmeta charset=\"UTF-8\"\u003ela compacité et la dureté de la structure dans le but de faciliter le stripping\u003c\/span\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\u003cp\u003e✨Répartir de manière homogène sur le poil à épiler, et sur vos doigts, puis démarrer le stripping.\u003c\/p\u003e\n\u003cdiv\u003e✨Ne pas hésiter à renouveler l'application en cours d'épilation.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✨Notre avis : pour façonner au mieux votre chien, rien ne vaut le rolling, une technique d'épilation s'inscrivant sur le long terme, avec un stripping très fréquent, mais léger.\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 le protocole Special One permettant une \u003c\/span\u003eépilation sur poil propre. Nous vous recommandons tout de même : \u003cspan data-mce-fragment=\"1\"\u003eBio Energy + Keratine Pro.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cmeta charset=\"UTF-8\"\u003e🔥Sa \u003cstrong data-mce-fragment=\"1\"\u003egranulométrie \u003c\/strong\u003eest jugée\u003cstrong data-mce-fragment=\"1\"\u003e \"\u003cem data-mce-fragment=\"1\"\u003emoyenne\u003c\/em\u003e\"\u003c\/strong\u003e, elle complète donc parfaitement notre autre poudre HAIR STRIP qui, elle, est \"\u003cem data-mce-fragment=\"1\"\u003eultra fine\u003c\/em\u003e\". L'alliance des deux poudres permet donc de répondre à toutes les situations, pour tous les types de poils. \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\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 Trim 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 \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✔️ Idéale lors de l'épilation \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✔️ Tous les Cockers (Américain, Anglais)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Toutes les races Tibétaines (Shih-Tzu, Lhassa, Terrier du tibet, etc)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Epagneuls Nains Anglais (Cavalier et King Charles)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Plus généralement toutes les fourrures longues et soyeuses (Yorkshire, Afghans, etc.)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les terriers (Scottish, Westie, Welsh, etc)\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":"75 grammes","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, crème d'accroche pour blanchir","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003e✨Crème d'accroche pour blanchir le poil✨\u003c\/span\u003e\u003cspan style=\"font-size: 1.4em;\"\u003e \u003c\/span\u003e\u003c\/p\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\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✅ Toiletteurs ✅ Eleveurs ✅ Particuliers ✅ Compétiteurs ✅ Handlers\u003c\/div\u003e\n  \u003cbr\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;\"\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✅ Blanchissement du poil \u003c\/div\u003e\n\u003cdiv\u003e✅ Structurer et façonner les manteaux \u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Prépare facilement le poil\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Idéale pour soutenir la texture ou alourdir le pelage selon le cas\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e✅ Améliore considérablement la beauté esthétique des pelages\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Prépare le pelage de nombreuses races à la préparation aux expositions\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\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;\"\u003eUne composition naturelle !\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\u003c\/div\u003e\n\u003cdiv\u003e🍀Model Cream a été enrichi en kératine pour augmenter la structure du pelage avec un effet immédiat. L'action du produit est particulièrement sensible sur les poils propres à conditionner avant le concours : il prépare parfaitement le poil, le protégeant ainsi d'un travail ultérieur avec des plâtres colorés ou des poudres décolorantes.\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;\"\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\u003cdiv\u003e\u003cstrong\u003e\u003cspan style=\"text-decoration: underline;\"\u003eA utiliser sur le poil sec.\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003e🔥Appliquer la \u003cstrong\u003eMODEL CREAM\u003c\/strong\u003e 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\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e🔥Lorsque 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\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cspan style=\"text-decoration: underline;\" data-mce-style=\"text-decoration: underline;\"\u003e\u003cbr\u003e\u003c\/span\u003e\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✨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\u003cdiv\u003e✨ \u003cmeta charset=\"UTF-8\"\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e L'alliance de la crème Model Cream et de la \u003c\/span\u003epoudre impalpable SOFT GROOMING\u003cspan data-mce-fragment=\"1\"\u003e POWDER vous assure une couverture discrète et un blanchiment performant et durable.\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 SLES, Sans 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 Model Cream fait l'unanimité :\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\n\u003cspan\u003e✔️ Tous les Chiens\u003c\/span\u003e\n\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✔️ Tous les Bergers (Australiens, Belges, Allemands, etc)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les Cockers (Américain, Anglais)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Toutes les races Tibétaines (Shih-Tzu, Lhassa, Terrier du tibet, etc)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Epagneuls Nains Anglais (Cavalier et King Charles)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Plus généralement toutes les fourrures longues et soyeuses (Yorkshire, Afghans, etc.)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les chiens d'eaux, retrievers et bouviers (Terre-neuve, Bouviers Bernois, Golden, etc)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les primitifs \/ double-coat (Spitz, Eurasiers, Samoyèdes, etc.)\u003c\/div\u003e\n\u003cdiv\u003e✔️ Tous les terriers (Scottish, Westie, Welsh, etc)\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003cdiv\u003eLa liste est longue et non exhaustive !\u003c\/div\u003e\n\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 Hygiène des Oreilles","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eAQUA OTO est une lotion spécifique pour \u003c\/span\u003e\u003cspan\u003ele nettoyage de l’oreille, mais également pour la prévention de l’encrassement et des infections.\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\u003cbr\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✅ N'abîme pas le poil\u003c\/div\u003e\n\u003cdiv\u003e✅ Action déodorante \u003c\/div\u003e\n\u003cdiv\u003e✅ Préviens des démangeaisons et des rougeur\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e✅ Offre une action calmante\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cspan\u003e\u003cspan\u003e✅ Élimination du cérumen et autres impureté de type huileux.\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 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\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003eAQUA OTO est une solution auriculaire innovante dont la solubilité permettra la dissolution et l’élimination du cérumen et autres impureté de type huileux.\u003cbr\u003ePour un nettoyage efficace des oreilles de vos chiens et chats, le produit devra être appliqué fréquemment, notamment durant le bain afin que la saleté éliminée n'abîme pas le poil.\u003cbr\u003eEtant hypoallergénique, il a été fabriqué dans le but de respecter tous les types de peaux, tout en contribuant au bon fonctionnement du métabolisme épidermique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\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🍀 A\u003cspan data-mce-fragment=\"1\"\u003ellatoïne et extraits de camomille \u003c\/span\u003e(\u003cmeta charset=\"utf-8\"\u003eaction calmante), \u003c\/div\u003e\n\u003cdiv\u003e🍀 M\u003cspan data-mce-fragment=\"1\"\u003eenthe poivrée\u003c\/span\u003e (\u003cmeta charset=\"utf-8\"\u003eprévention des démangeaisons et des rougeurs), \u003c\/div\u003e\n\u003cdiv\u003e🍀 L' \u003cspan data-mce-fragment=\"1\"\u003eAchillée millefeuille, la mauve et la mélisse\u003c\/span\u003e (\u003cmeta charset=\"utf-8\"\u003eaction déodorante),\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan data-mce-fragment=\"1\"\u003e🍀 Levures (\u003c\/span\u003erenforcent et illuminent le pelage et favorisent l'équilibre microbien naturel de la peau)\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\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 oreilles n'importe quel chien et chat\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong data-mce-fragment=\"1\"\u003e🔥 de \u003cmeta charset=\"utf-8\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eprévenir des infections\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 oreilles\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 l'intérieur des oreilles de votre animal.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003eIl est conseillé d’enlever au préalable le duvet présent dans le pavillon (utilisez HAIR STRIP pour cela).\u003cbr\u003eMaintenez la tête de l'animal avec le museau orienté vers le sol, soulevez l’oreille de manière à ce que le conduit soit vertical.\u003cbr\u003eVersez Aqua Oto puis massez durant quelques instants. \u003cbr\u003eAvec une gaze humidifiée de produit ,essuyez délicatement l’intérieur de l’oreille afin de récupérer les impuretés.\u003cbr\u003eLorsque votre chien se secouera, la force centrifuge du mouvement ne fera qu’intensifier l’action du produit et l’expulsion des impuretés.\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\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\u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta charset=\"utf-8\"\u003eLors de vos toilettages, commencer chaque bain Special One par une application de lotion dans chaque oreille.\u003c\/span\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","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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eBLUE SKY PRO\u003c\/strong\u003e est le shampoing professionnel Special One hautement concentré \u003cstrong\u003euniversel\u003c\/strong\u003e. Imaginé pour les salons de toilettage et les éleveurs, il offre le \u003cstrong\u003emeilleur rapport qualité-prix de la gamme\u003c\/strong\u003e : ultra polyvalent, ultra économique, ultra efficace — sans jamais décaper ni agresser.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003ePensé en priorité pour les \u003cstrong\u003esalons de toilettage et les éleveurs\u003c\/strong\u003e — mais tout le monde y trouvera un réel intérêt. À noter : pour les compétiteurs préparant un concours, un shampoing spécialiste sera plus performant dans sa spécialité (Bain Pro, Platinum Pro, 4Poodle, Kératine Pro…).\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSa formule, intégrant des \u003cstrong\u003eagents hydratants et une crème émolliente structurante\u003c\/strong\u003e, est pensée pour \u003cstrong\u003eaccélérer et optimiser le toilettage\u003c\/strong\u003e tout en offrant un maximum de résultat sur la texture du poil. Dilué à 1\/40, il revient sensiblement \u003cstrong\u003emoins cher que les marques discount\u003c\/strong\u003e — avec tout le soin des formulations haut de gamme Special One.\u003c\/p\u003e\n\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\u003ePour les compétiteurs :\u003c\/strong\u003e Blue Sky Pro est un excellent généraliste, mais un shampoing spécialiste atteindra des performances inégalées dans sa spécialité — \u003cstrong\u003eBain Pro, Platinum Pro, 4Poodle, Kératine Pro, Aquablu Pro\u003c\/strong\u003e selon l’objectif.\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage universel\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et assainit profondément même les animaux les plus sales — sans décaper ni agresser.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eÉclat \u0026amp; brillance\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eDonne un coup d’éclat à tous les poils : toucher plus agréable et brillance améliorée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eProtection kératine\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAugmente les défenses naturelles pour protéger la structure du poil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBains fréquents\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAucun risque pour la peau et le poil, même en utilisation intensive en salon.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eUltra économique\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eDilution 1\/40 : un coût par bain inférieur aux marques « discount », avec les standards Special One.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Blue Sky Pro\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Blue Sky Pro - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Blue Sky Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation naturelle ciblée sur la pureté, l’hydratation et la protection cutanée — \u003cstrong\u003esans parabens, sans silicone\u003c\/strong\u003e. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée 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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e40\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part pour 40 parts d'eau\u003cbr\u003ela plus économique de la gamme\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 10 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 40 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 200 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e25\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e25\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1,5\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillère à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epression de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\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\n\u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSalon \u0026amp; élevage — premier shampoing ou bain généraliste\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eBlue Sky Pro excelle comme shampoing unique ou comme première étape d’un protocole à deux shampoings\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePremier shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eUtilisez Blue Sky Pro dilué à \u003cstrong\u003e1\/40\u003c\/strong\u003e en premier shampoing sur le poil mouillé, puis rincez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eShampoing spécifique (option)\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eEnchaînez éventuellement avec un shampoing plus ciblé selon le besoin : \u003cstrong\u003eBain Pro ou Aquarosa Pro\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream et\/ou Bombastic\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eShampoing unique possible\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003ePour les chiens « lambda » en salon, Blue Sky Pro peut être le \u003cstrong\u003eshampoing unique\u003c\/strong\u003e : il couvre tous les besoins courants avec une rentabilité imbattable.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eNettoyage intensif — mâles, chiens gras ou très sales\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003ePour les cas nécessitant un fort pouvoir nettoyant (mâles avec urines, peaux grasses, saleté extrême)\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eComparer selon l’intensité\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eComparez avec \u003cstrong\u003eAquapure Pro\u003c\/strong\u003e selon le problème — les deux sont positionnés sur ce registre, Blue Sky Pro étant légèrement plus doux.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003ePremier shampoing concentré\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eUtilisez Blue Sky Pro en \u003cstrong\u003epremier shampoing pur ou concentré\u003c\/strong\u003e sur les zones les plus sales, puis rincez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eIntégration au pré-bain\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eIl peut aussi être \u003cstrong\u003eintégré directement dans le Bio Energy Plus\u003c\/strong\u003e pour une action renforcée dès le pré-bain.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition adaptée\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez le bain avec le shampoing et l’après-shampoing adaptés au type de fourrure.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Blue Sky Pro au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003eLe concurrent direct de Blue Sky Pro reste l’\u003cstrong\u003eAquarosa Pro\u003c\/strong\u003e : les deux lavent toutes les races, mais Blue Sky Pro est plus nettoyant quand l’Aquarosa Pro est plus doux et nourrissant. À comparer selon le profil de l’animal. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun second shampoing ciblé est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Bombastic · Aqua Dolce\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Absolute 4Poodle · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Blue Sky Pro fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱🐶 Tous les chats \u0026amp; tous les chiens \u003cspan\u003e(universel par définition)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Poil court, double ou mi-long \u0026amp; coupes ciseaux \u003cspan\u003e(en salon)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — le généraliste universel, du salon à l’élevage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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","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":"Parfum de Luxe, by 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\n\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\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n\u003ch2 class=\"hero-badge\"\u003eSpecial One Italia — Perfume Line\u003c\/h2\u003e\n\u003ch2 class=\"hero-title\"\u003eParfums \u003cem\u003ed'Exception\u003c\/em\u003e\u003cbr\u003epour Animaux\u003c\/h2\u003e\n\u003cp class=\"hero-subtitle\"\u003eUne collection de fragrances haut de gamme, créées à Grasse, pour offrir à vos compagnons une signature olfactive unique. L'argument luxe qui finalise en beauté votre travail de toilettage.\u003c\/p\u003e\n\u003cdiv class=\"hero-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-scroll\"\u003eDécouvrir la collection ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PYRAMIDE OLFACTIVE --\u003e\n\u003csection class=\"pyramide-section\"\u003e\n\u003cdiv class=\"section-header reveal\"\u003e\n\u003cdiv class=\"section-label\"\u003eComprendre les parfums\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eLa Pyramide Olfactive\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pyramide-grid\"\u003e\n\u003cdiv class=\"pyramide-card reveal\"\u003e\n\u003cdiv class=\"pyramide-icon\"\u003e△\u003c\/div\u003e\n\u003ch3\u003eNote de Tête\u003c\/h3\u003e\n\u003cdiv class=\"subtitle\"\u003eL'envolée\u003c\/div\u003e\n\u003cp\u003eÉphémère, volatile et légère, c'est la première impression. Fraîche et vive, elle saisit immédiatement les sens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pyramide-card reveal\"\u003e\n\u003cdiv class=\"pyramide-icon\"\u003e◇\u003c\/div\u003e\n\u003ch3\u003eNote de Cœur\u003c\/h3\u003e\n\u003cdiv class=\"subtitle\"\u003eLe caractère\u003c\/div\u003e\n\u003cp\u003eMoins intense mais plus tenace, elle prend vie quand la note de tête s'atténue. C'est l'âme du parfum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pyramide-card reveal\"\u003e\n\u003cdiv class=\"pyramide-icon\"\u003e▽\u003c\/div\u003e\n\u003ch3\u003eNote de Fond\u003c\/h3\u003e\n\u003cdiv class=\"subtitle\"\u003eLe sillage\u003c\/div\u003e\n\u003cp\u003ePeu intense mais très persistante, elle crée l'attachement et la fidélité. C'est la mémoire du parfum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FRAGRANCES --\u003e\n\u003csection id=\"collection\" class=\"fragrances-section\"\u003e\n\u003cdiv class=\"section-header reveal\"\u003e\n\u003cdiv class=\"section-label\"\u003eNouvelles créations\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eLes Fragrances Signature\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"featured-fragrances\"\u003e\n\u003c!-- CIURI CIURI --\u003e\n\u003cdiv class=\"featured-card reveal\"\u003e\n\u003cdiv class=\"featured-visual\"\u003e\n\u003cspan class=\"fragrance-initial\"\u003eCC\u003c\/span\u003e\n\u003cdiv class=\"fragrance-name-display\"\u003eCiuri Ciuri\u003cem\u003eFleuri \u0026amp; Nostalgique\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"featured-content\"\u003e\n\u003cdiv class=\"featured-tag\"\u003eNouvelle fragrance — 100 ml\u003c\/div\u003e\n\u003ch3\u003eUn voyage émotionnel dans un jardin fleuri\u003c\/h3\u003e\n\u003cp class=\"desc\"\u003eInspiré de la célèbre chanson italienne, Ciuri Ciuri transporte dans un jardin en fleurs toute l'année. Ce parfum frais et floral éveille la nostalgie de moments passés, portant une bouffée de fraîcheur et de joie. Chaque vaporisation est un câlin parfumé qui transforme votre compagnon en messager de pures émotions.\u003c\/p\u003e\n\u003cdiv class=\"notes-row\"\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eTête\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eViolette, Fleurs d'Oranger\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eCœur\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eRose, Géranium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eFond\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eJasmin, Musc Blanc\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- L'È BELL --\u003e\n\u003cdiv class=\"featured-card reveal\"\u003e\n\u003cdiv class=\"featured-visual\"\u003e\n\u003cspan class=\"fragrance-initial\"\u003eLB\u003c\/span\u003e\n\u003cdiv class=\"fragrance-name-display\"\u003eL'è Bell\u003cem\u003eFruité \u0026amp; Élégant\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"featured-content\"\u003e\n\u003cdiv class=\"featured-tag\"\u003eNouvelle fragrance — 100 ml\u003c\/div\u003e\n\u003ch3\u003eDouceur fruitée \u0026amp; sophistication boisée\u003c\/h3\u003e\n\u003cp class=\"desc\"\u003eL'è Bell est un parfum doux et fruité, enrichi de notes florales et boisées. Idéal pour les petits chiens au caractère tendre et affectueux, il confère au pelage un toucher d'élégance et de raffinement, parfait pour les occasions spéciales et les sorties mondaines.\u003c\/p\u003e\n\u003cdiv class=\"notes-row\"\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eTête\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eOrange, Mandarine, Bergamote, Citron\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eCœur\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eJasmin, Muguet, Ylang-Ylang, Lavande, Pêche, Violette\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eFond\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eCèdre, Santal, Musc Blanc\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- KIKINCI --\u003e\n\u003cdiv class=\"featured-card reveal\"\u003e\n\u003cdiv class=\"featured-visual\"\u003e\n\u003cspan class=\"fragrance-initial\"\u003eKi\u003c\/span\u003e\n\u003cdiv class=\"fragrance-name-display\"\u003eKikinci\u003cem\u003eFrais \u0026amp; Épicé\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"featured-content\"\u003e\n\u003cdiv class=\"featured-tag\"\u003eNouvelle fragrance — 100 ml\u003c\/div\u003e\n\u003ch3\u003eÉnergie positive \u0026amp; esprit d'aventure\u003c\/h3\u003e\n\u003cp class=\"desc\"\u003eKikinci est une explosion de fraîcheur et de vitalité, idéale pour les chiens exubérants et dynamiques. Sa fragrance fraîche et épicée évoque les voyages, les jeux en plein air et le mouvement. Une seule vaporisation et il accompagnera votre compagnon dans chaque aventure avec une bouffée d'énergie positive.\u003c\/p\u003e\n\u003cdiv class=\"notes-row\"\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eTête\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eCitron, Orange, Bergamote, Cassis\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eCœur\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eBois de Santal, Fleurs de Pêcher, Zagara, Muguet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eFond\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eMusc Blanc, Vanille\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BABY PAW --\u003e\n\u003cdiv class=\"featured-card reveal\"\u003e\n\u003cdiv class=\"featured-visual\"\u003e\n\u003cspan class=\"fragrance-initial\"\u003eBP\u003c\/span\u003e\n\u003cdiv class=\"fragrance-name-display\"\u003eBaby Paw\u003cem\u003eDoux \u0026amp; Gourmand\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"featured-content\"\u003e\n\u003cdiv class=\"featured-tag\"\u003eNouvelle fragrance — 100 ml\u003c\/div\u003e\n\u003ch3\u003eLa tendresse d'un souvenir d'enfance\u003c\/h3\u003e\n\u003cp class=\"desc\"\u003eBaby Paw, c'est le lien entre le parfum et l'émotion. Comme l'odeur des biscuits tout juste sortis du four qui vous faisait courir à la cuisine, cette fragrance douce et délicieuse ramène à l'insouciance de l'enfance. Un tendre chiot devient un petit compagnon de vie sur lequel on déverse tout son amour… et en un instant, on redevient enfant.\u003c\/p\u003e\n\u003cdiv class=\"notes-row\"\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eTête\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eCitron, Orange, Fraise, Framboise\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eCœur\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eFleurs Blanches\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"note-block\"\u003e\n\u003cdiv class=\"note-label\"\u003eFond\u003c\/div\u003e\n\u003cdiv class=\"note-value\"\u003eVanille\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CLASSIQUES --\u003e\n\u003cdiv class=\"classics-header reveal\"\u003e\n\u003cdiv class=\"section-label\"\u003eCollection classique — Aqua Line\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eNos Fragrances Iconiques\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"classics-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"classics-grid\"\u003e\n\u003cdiv class=\"classic-card reveal\"\u003e\n\u003cdiv class=\"card-name\"\u003eBrave Water\u003c\/div\u003e\n\u003cdiv class=\"card-theme\"\u003eÉpicé \u0026amp; Ambré\u003c\/div\u003e\n\u003cdiv class=\"card-notes\"\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eTête\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eIris de Florence, Cèdre du Texas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eCœur\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003ePoivre d'Inde, Eucalyptus de Chine, Muscade d'Indonésie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eFond\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eSantal d'Australie, notes boisées \u0026amp; ambrées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"classic-card reveal\"\u003e\n\u003cdiv class=\"card-name\"\u003eEnergy Water\u003c\/div\u003e\n\u003cdiv class=\"card-theme\"\u003eFrais \u0026amp; Cuir\u003c\/div\u003e\n\u003cdiv class=\"card-notes\"\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eTête\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eViolette de France, Santal, Cèdre du Texas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eCœur\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eCitron de Sicile, Lavande de France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eFond\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eAmbre, Cuir, Musc\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"classic-card reveal\"\u003e\n\u003cdiv class=\"card-name\"\u003eSpring Water\u003c\/div\u003e\n\u003cdiv class=\"card-theme\"\u003eFleuri \u0026amp; Boisé\u003c\/div\u003e\n\u003cdiv class=\"card-notes\"\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eTête\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eRose de Turquie, Jacinthe d'Inde\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eCœur\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eNoix de Coco, Ylang-Ylang des Comores\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eFond\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eVanille de Madagascar, Santal d'Inde\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"classic-card reveal\"\u003e\n\u003cdiv class=\"card-name\"\u003eMoon Water\u003c\/div\u003e\n\u003cdiv class=\"card-theme\"\u003eÉlancé \u0026amp; Élégant\u003c\/div\u003e\n\u003cdiv class=\"card-notes\"\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eTête\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eRose de Turquie, Géranium d'Égypte, Jasmin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eCœur\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003ePastèque, Ylang-Ylang, Magnolia\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eFond\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eMusc Blanc, Héliotrope\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"classic-card reveal\"\u003e\n\u003cdiv class=\"card-name\"\u003eRock Water\u003c\/div\u003e\n\u003cdiv class=\"card-theme\"\u003eDécontracté \u0026amp; Léger\u003c\/div\u003e\n\u003cdiv class=\"card-notes\"\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eTête\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eTubéreuse, Accord solaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eCœur\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eJasmin, Fleur d'Oranger\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"card-note-row\"\u003e\n\u003cspan class=\"card-note-label\"\u003eFond\u003c\/span\u003e \u003cspan class=\"card-note-val\"\u003eAmbre, Bois d'Orient\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEILS D'UTILISATION --\u003e\n\u003csection class=\"usage-section\"\u003e\n\u003cdiv class=\"usage-inner reveal\"\u003e\n\u003cdiv style=\"margin-bottom: 20px;\" class=\"section-label\"\u003eMode d'emploi\u003c\/div\u003e\n\u003ch3\u003eConseils d'Utilisation\u003c\/h3\u003e\n\u003cdiv class=\"usage-tips\"\u003e\n\u003cdiv class=\"usage-tip\"\u003e\n\u003cdiv class=\"tip-icon\"\u003e◎\u003c\/div\u003e\n\u003cdiv class=\"tip-text\"\u003ePulvériser à \u003cstrong\u003e20-40 cm\u003c\/strong\u003e de l'animal, sur le poil de la queue et l'arrière du dos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-tip\"\u003e\n\u003cdiv class=\"tip-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"tip-text\"\u003eÉviter de vaporiser sur la face et les muqueuses. \u003cstrong\u003eDeux pulvérisations\u003c\/strong\u003e suffisent.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-tip\"\u003e\n\u003cdiv class=\"tip-icon\"\u003e♦\u003c\/div\u003e\n\u003cdiv class=\"tip-text\"\u003eContient de l'alcool, produit inflammable. Tenir hors de portée des enfants.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FOOTER --\u003e\u003cfooter class=\"footer\"\u003e\n\u003cdiv class=\"footer-brand\"\u003e\n\u003cstrong\u003eSpecial One\u003c\/strong\u003e — Perfume Line\u003c\/div\u003e\n\u003cdiv class=\"footer-sub\"\u003eCréé à Grasse · Distribué par PetDesign.fr\u003c\/div\u003e\n\u003c\/footer\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Endemik Sas","offers":[{"title":"Spring Water","offer_id":37819393310899,"sku":"-107","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Brave Water","offer_id":37819393343667,"sku":"-126","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Energy Water","offer_id":37819393376435,"sku":"-104","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Moon Water","offer_id":37819393409203,"sku":"-101","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"Rock Water","offer_id":37819393441971,"sku":"-102","price":50.2,"currency_code":"EUR","in_stock":true},{"title":"L’è Bell","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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eAQUAROSA PRO\u003c\/strong\u003e est le shampoing professionnel Special One dédié aux fourrures ayant fortement besoin d'être nourries. Ultra concentré, riche en vitamines et actifs hydratants, il donnera la \u003cstrong\u003emeilleure version du poil de votre animal, quelle que soit sa race\u003c\/strong\u003e : hydratation et nutrition les plus intenses possible, avec conditionneur intégré.\n \u003c\/div\u003e\n\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — du salon de toilettage professionnel au particulier.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eSa formulation ultra concentrée permet de \u003cstrong\u003erattraper les fourrures les plus déshydratées\u003c\/strong\u003e, avec une action particulièrement intense sur les peaux sèches et sensibles. Les vitamines et acides aminés naturels lui confèrent une douceur remarquable tout en apportant brillance et éclat durable. Même en usage ultra fréquent, il reste respectueux de la peau et du poil.\u003c\/p\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eBain en douceur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eConvient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage profond\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie, assainit et donne un coup d'éclat à tous les types de poils.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-nœuds\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eFacilite le démêlage et le brossage, et limite le retour des nœuds.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2 L4 14 L11 14 L11 22 L20 10 L13 10 Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eNutrition immédiate\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAction intense et visible dès le 1er shampoing.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eProtection kératine\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAugmente les défenses naturelles pour protéger la structure du poil.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePeaux grasses\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eTraite le sébum en excès tout en préservant le film hydrolipidique.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eBains fréquents\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAucun risque pour la peau et le poil, même en utilisation intensive.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eUniversel\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eLes poils à volume garderont leur volume naturel ; les poils plombants soyeux resteront tels quels — et encore plus beaux.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions d'AQUAROSA PRO\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"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\n\n \u003c!-- BLOC 3 : COMPOSITION (avec CARTOGRAPHIE) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition d'AQUAROSA PRO : innovation, performance et recherche de naturel !\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation naturelle riche en antioxydants, vitamines et actifs purifiants — \u003cstrong\u003esans SLS\u003c\/strong\u003e, sans parabens, sans silicone.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" 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\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part de shampoing\u003cbr\u003epour 20 parts d'eau\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e500 mL\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e25\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e25\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1,5\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillère à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epression de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 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\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide, économique \u0026amp; efficace\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\n \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\n \u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eLe bain de base — usage régulier en salon\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003ePremier passage\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDémarrez le bain directement avec l'Aquarosa Pro dilué, sur le poil préalablement mouillé. Rincez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSecond shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez un second shampoing, rincez de nouveau.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSoin final\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinissez avec l'après-shampoing adapté au besoin : \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e, \u003cstrong\u003eBombastic\u003c\/strong\u003e ou \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eAction ultra intense — Salon, Urgence ou Expo\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\n \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\n \u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour démêler, rattraper une fourrure abîmée ou amplifier un toilettage d'exposition\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAttaquez par un \u003cstrong\u003emasque pré-bain\u003c\/strong\u003e à base de \u003cstrong\u003eBio Energy\u003c\/strong\u003e ou \u003cstrong\u003eBombastic\u003c\/strong\u003e. Ajoutez-y des \u003cstrong\u003eHuiles 4 Elements\u003c\/strong\u003e ou de l'\u003cstrong\u003eHydrating Cream\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eAquarosa sur masque\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez l'\u003cstrong\u003eAquarosa Pro directement après le masque, sans rinçage intermédiaire\u003c\/strong\u003e. Pour une efficacité accrue, concentrez davantage et couplez au \u003cstrong\u003eBombastic\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003ePose et double shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eLaissez poser quelques instants et massez si possible. \u003cstrong\u003eDeux shampoings recommandés.\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinalisation\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec un conditionneur ou un masque selon le besoin.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eBoosters d'intégration — Nutrition \u0026amp; Volume\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\n \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\n \u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eDeux variations pour amplifier l'effet selon le besoin\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eBoost nutrition\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePour un effet encore plus nourrissant, ajoutez directement \u003cstrong\u003eune cuillère d'Aqua Dolce\u003c\/strong\u003e dans votre mélange d'Aquarosa Pro. Appliquez, laissez poser quelques instants et rincez abondamment à l'eau tiède.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eBoost volume\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eMélangez l'Aquarosa Pro avec la mousse \u003cstrong\u003eAqua Vita\u003c\/strong\u003e. Son effet effervescent apporte du volume et renforce la détergence. Idéal pour les fourrures qui manquent de légèreté après le bain.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSéchage parfait\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDans les deux cas, finalisez le séchage en brossant avec \u003cstrong\u003eAqua Beauty\u003c\/strong\u003e ou \u003cstrong\u003eMix Pink\u003c\/strong\u003e pour un manteau encore plus doux et brillant.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Aquarosa au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003eToute la gamme Special One est compatible. \u003cstrong\u003eÀ combiner librement\u003c\/strong\u003e selon le besoin du moment :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003evous couplez avec un autre shampoing…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e4Poodle · Bain Pro · Aquapure Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque final est nécessaire…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Bombastic · Aqua Dolce\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune touche de finition s'impose…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle · Mix Pink · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eParfaitement calibré pour les textures exigeantes :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐾 Tous les chiens en salon \u003cspan\u003e(limite le retour des nœuds)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures Frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue...)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🇬🇧 Cockers \u0026amp; Épagneuls \u003cspan\u003e(Anglais, Américains, Cavaliers...)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Manteaux Tibétains \u003cspan\u003e(Shih-Tzu, Lhassa Apso...)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✨ Textures Soyeuses \u003cspan\u003e(Yorkshire, Lévriers Afghans...)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Terriers \u003cspan\u003e(Scottish, Westie, Welsh...)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les Chats\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe non exhaustive — Aquarosa Pro convient à toutes les fourrures nécessitant nutrition intense.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans SLS, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":37819444494515,"sku":"WAQ-AQRO250 (96)","price":19.9,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","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":"Laque Brillance FINAL FIX SOFT Ecologique","description":"\u003cp\u003eLaque fixation légère pour donner tenue et texture sans aucun effet \"cartonné\". Sans résidu, sans danger pour le poil.\u003c\/p\u003e\n\u003cbr\u003e\n\u003cdiv\u003eFINAL FIX SOFT ECOLOGIC est une laque écologique, sans gaz, qui va vous permettre de donner brillance, tenue et texture au poil, sans jamais avoir le désagréable effet \"collant\" de certaines laques.\u003c\/div\u003e\n\u003cp\u003eTrès apprécié des chiens d'expos et de concours.\u003c\/p\u003e\n\u003cp\u003eS'enlève avec seulement quelques coups de brosses, ne laisse pas de résidus. Dernière génération de laque sans aucun danger pour le pelage.\u003c\/p\u003e\n\u003cp\u003eCette laque de toilettage aide à conditionner des textures fines et avec peu de structure, en particulier lors des coupures de ciseaux dans les races de chiens suivantes: Caniche, Bichon Frisé, Kerry blue terrier, Bedlington terrier. \u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003ePulvériser le produit à une distance d'environ 20-30 cm directement sur le pelage propre et peigné, finalisez la mise en forme avec un peigne.\u003cbr\u003eSeulement pour usage professionnel. Eviter le contact avec les yeux de l'animal.\u003cbr\u003eEn cas d'obstruction du distributeur, nettoyez-le en utilisant uniquement de l'eau chaude.\u003cbr\u003eContient la dernière génération de résines non endommageantes pour les poils  d'animaux.\u003cbr\u003e \u003cbr\u003e \u003cspan style=\"background-color: #ffffff;\"\u003e\u003c\/span\u003eFinalise parfaitement les toilettes des races à volume. Idéal après Platynum Pro, Extra Body Cream et Multifix par exemple.\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":"Laque FINAL FIX STRONG Ecologique","description":"\u003cp\u003eLaque fixation FORTE pour figer la fourrure. Sans résidu, sans danger pour le poil.\u003c\/p\u003e\n\u003cbr\u003e\n\u003cdiv\u003eFINAL FIX STRONG ECOLOGIC : Fixation forte et rapide, sèche rapidement, facile à enlever à l'aide d'une brosse, ne laisse aucun résidu. Idéal pour la mise en place de tous les Top en Shih Tzu, Maltais, Yorkshire Terrier, Caniche et pour les créations artistiques Asian Style par exemple.\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp\u003ePulvériser le produit sur la pointe du peigne et façonner le Top en fixant les poils pour un résultat final parfait.\u003c\/p\u003e\n\u003cdiv\u003ePuis vaporiser directement sur la fourrure à une distance d'environ 20-30 cm.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003eSeulement pour usage professionnel. Eviter le contact avec les yeux de l'animal.\u003cbr\u003eSi le distributeur est bloqué, nettoyez-le avec de l'eau chaude.\u003cbr\u003eContient des résines naturelles non endommageantes pour les fourrures d'animaux.\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003eFinalise parfaitement les toilettes des races à volume. Idéal après Platynum Pro, Extra Body Cream et Multifix par exemple. \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":"Laque FINAL FIX STRONG Gaz","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- 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\u003eLAQUE AÉROSOL\u003c\/strong\u003e est la laque professionnelle Special One à \u003cstrong\u003efixation forte\u003c\/strong\u003e et diffusion micro-fine pour un résultat invisible. Volume maximum, tenue maximale — sans alourdir, sans résidu. L'indispensable pour figer et modéliser la fourrure en concours.\u003c\/div\u003e\n\u003cdiv style=\"background: #fffbe6; border: 1px solid #f0e040; padding: 14px 18px; margin-bottom: 20px; font-size: 13px; border-radius: 2px;\"\u003e⚠️ \u003cstrong\u003eProduit réservé à un usage professionnel uniquement.\u003c\/strong\u003e Éviter le contact avec les yeux de l'animal.\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;\"\u003eLe produit de finition de référence pour les professionnels et les compétiteurs.\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✅ Eleveurs\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✅ Compétiteurs\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✅ Handlers\u003c\/td\u003e\n\u003ctd style=\"border: none; background: transparent;\"\u003e\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!-- EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\u003cp style=\"font-size: 14px;\"\u003eGrâce à sa technologie de \u003cstrong\u003ediffusion micro-fine\u003c\/strong\u003e et à ses \u003cstrong\u003erésines naturelles non endommageantes\u003c\/strong\u003e, la Laque Aérosol Special One se dépose de manière invisible sur le poil, fixant la structure du manteau sans l'alourdir. Elle sèche rapidement et s'élimine facilement à la brosse, sans laisser aucun résidu.\u003c\/p\u003e\n\u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n\u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFixation Forte :\u003c\/strong\u003e Fige la fourrure et maintient le volume dans la durée.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDiffusion Micro-Fine :\u003c\/strong\u003e Résultat invisible, sans effet collant ni dépôt visible.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eSéchage Rapide :\u003c\/strong\u003e Prise immédiate pour un travail fluide en exposition.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eFacile à Retirer :\u003c\/strong\u003e S'enlève simplement à la brosse, sans relavage obligatoire.\u003c\/li\u003e\n\u003cli\u003e✅ \u003cstrong\u003eRésines Naturelles :\u003c\/strong\u003e Formule non endommageante pour tous les types de fourrure.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COMPOSITION --\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;\"\u003eComposition : Focus sur du Naturel\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation professionnelle alliant tenue maximale et respect du poil.\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🍀 Résines Naturelles\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eAgents fixants d'origine naturelle, non endommageants pour la fibre du poil — offrent tenue forte et finition invisible.\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🍀 Technologie Micro-Fine\u003c\/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 11px; color: #666;\"\u003eDiffusion ultra-fine pour un dépôt homogène et léger — volume maximal sans effet lourd ni résidu.\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!-- PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'Utilisations\u003c\/span\u003e\n\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 🔥 Fixation \u0026amp; Volume — Application Classique\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.5;\"\u003eSur poil propre et peigné :\u003cbr\u003e\u003cbr\u003e1. Vaporiser la laque à une distance d'environ \u003cstrong\u003e20 à 30 cm\u003c\/strong\u003e du pelage.\u003cbr\u003e2. Travailler \u003cstrong\u003esection par section\u003c\/strong\u003e pour un dépôt homogène.\u003cbr\u003e3. Modeler à l'aide de peignes et de brosses pour obtenir le résultat final souhaité.\u003cbr\u003e4. Laisser sécher quelques instants — la prise est rapide.\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 🔥 Modélisation du Top-Knot (Caniche, races à volume)\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.5;\"\u003eApplication ciblée sur la touffe et les zones de volume :\u003cbr\u003e\u003cbr\u003e1. Après préparation du top-knot (brushing, mise en volume), vaporiser à \u003cstrong\u003e20-30 cm\u003c\/strong\u003e.\u003cbr\u003e2. Figer la structure en maintenant légèrement le poil avec les doigts ou un peigne fin pendant la prise.\u003cbr\u003e3. Retravailler si nécessaire à la brosse — la laque se repositionne facilement avant séchage complet.\u003cbr\u003e4. ⚠️ En cas de buse obstruée : nettoyer le diffuseur à l'\u003cstrong\u003eeau chaude\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdiv style=\"margin-top: 20px; padding: 20px; background: #fff; border: 1px dashed #1a1a1a;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 10px;\"\u003e🛠️ BIEN UTILISER LA LAQUE AÉROSOL :\u003c\/span\u003e\n\u003cdiv style=\"font-size: 13px; line-height: 1.8;\"\u003e1️⃣ Toujours appliquer sur poil \u003cstrong\u003epropre, sec et peigné\u003c\/strong\u003e.\u003cbr\u003e2️⃣ Maintenir le spray à \u003cstrong\u003e20-30 cm\u003c\/strong\u003e du pelage pour une diffusion micro-fine homogène.\u003cbr\u003e3️⃣ Travailler par zones et modeler \u003cstrong\u003eavant séchage complet\u003c\/strong\u003e pour ajuster.\u003cbr\u003e4️⃣ Retirer à la brosse en fin de séance — \u003cstrong\u003eaucun relavage requis\u003c\/strong\u003e.\u003cbr\u003e5️⃣ En cas de buse bouchée : nettoyer à l'\u003cstrong\u003eeau chaude\u003c\/strong\u003e.\u003cbr\u003e6️⃣ \u003cstrong\u003eUsage professionnel uniquement\u003c\/strong\u003e — éviter le contact avec les yeux de l'animal.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003e🤝 Finalise parfaitement les toilettes des races à volume. Idéal en étape finale après \u003cstrong\u003ePlatynum Pro\u003c\/strong\u003e, \u003cstrong\u003eExtra Body Cream\u003c\/strong\u003e et \u003cstrong\u003eMultifix\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Caniches — modélisation et tenue du top-knot en show et grooming competition.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichons, Maltais — volume et maintien de la structure du manteau, top knot\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Terriers à poil dur (West Highland, Scottish, Welsh…) — fixation de la silhouette taillée et\/ou montage de la tête\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Shih-Tzu, Yorkshire — top knot en exposition.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Toutes races à volume présentées en concours — finition professionnelle invisible.\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;\"\u003eRésines Naturelles | Usage Professionnel | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDetox Therapy – Special One | Fiche Produit\u003c\/title\u003e\n\n\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eDETOX THERAPY\u003c\/strong\u003e est le masque pré-bain professionnel Special One formulé à l'argile verte — \u003cem\u003ela \"terre qui guérit mille maux\"\u003c\/em\u003e — pour agir contre les principales anomalies de la peau du chien et du chat. \u003cstrong\u003ePurifiante, antiseptique, régénérante\u003c\/strong\u003e : un remède naturel et efficace dès le premier traitement.\n \u003c\/div\u003e\n\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\n \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — en curatif sur les animaux présentant des anomalies cutanées, et en préventif sur les races prédisposées.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eFormulé à base d'\u003cstrong\u003eargile verte à charge bactérienne contrôlée\u003c\/strong\u003e, riche en oligo-éléments et sels minéraux, Detox Therapy possède d'extraordinaires propriétés purifiantes, tonifiantes et anti-âge. Il traite les anomalies cutanées \u003cstrong\u003etout en préservant le film hydrolipidique\u003c\/strong\u003e — sans agresser la peau, même sur les animaux les plus sensibles.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #fff; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePeau saine :\u003c\/strong\u003e Traite les problèmes cutanés en préservant le film hydrolipidique, sans agresser.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-odeur :\u003c\/strong\u003e Lutte contre les mauvaises odeurs liées aux dérèglements épidermiques et à la mauvaise gestion du sébum.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePolyvalent :\u003c\/strong\u003e Aide à lutter contre toutes les formes d'alopécie, prurit, irritation et hot spots.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAssainissement profond :\u003c\/strong\u003e Purifie et régénère les cellules dès le premier traitement.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRééquilibrage :\u003c\/strong\u003e Régule le sébum en excès et rééquilibre aussi bien les peaux grasses que déshydratées.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eOxygénation des tissus :\u003c\/strong\u003e Tonifie et stimule la microcirculation cutanée, améliorant l'oxygénation et la vitalité de la peau.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAnti-pellicules :\u003c\/strong\u003e Régule le cuir chevelu et réduit les squames.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eApaisant :\u003c\/strong\u003e Soulage les peaux irritées ou réactives — idéal après épilation ou brossage énergique.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDétoxifiant \u0026amp; rafraîchissant :\u003c\/strong\u003e Nettoie en profondeur tout en apportant une sensation de fraîcheur immédiate.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eUniversel :\u003c\/strong\u003e Convient aux chiens et chats de tous âges, du bébé au sénior.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation 100 % naturelle, axée sur l'assainissement, la protection et la régénération cutanée — sans parabens, sans silicone.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Argile Verte (Fuller's Earth)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eÀ charge bactérienne contrôlée : absorbante, antiseptique et antibactérienne. Capte sébum et impuretés, assainit et régénère la peau en profondeur.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Allantoïne\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eLénitive et régénérante — protège la peau des rougeurs et irritations, favorise la cicatrisation des zones sensibles.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Extrait d'Algue Fucus Vesiculosus\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRiche en minéraux marins — améliore l'élasticité cutanée, donne force et brillance naturelle au manteau.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Collagène Hydrolysé\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eHydrate et renforce la structure de la peau — améliore l'élasticité et la santé globale du manteau.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Potassium\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRégule l'hydratation cellulaire et maintient l'élasticité de la peau pour un manteau souple et résistant.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Calcium\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRenforce les défenses naturelles de la peau — aide à mieux se protéger contre les agressions extérieures et les irritations.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Purifying Complex\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eComplexe d'actifs rééquilibrants qui maintient la peau propre et fraîche durablement — lutte contre les mauvaises odeurs et la forfora.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \u003cdiv style=\"margin-bottom: 10px; padding: 12px 15px; background: #fff; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e\n 💡 \u003cstrong\u003eToujours appliquer sur poil sec et encore sale.\u003c\/strong\u003e Ne pas rincer avant de passer au shampoing — le premier shampoing s'applique directement sur le masque en pose.\n \u003c\/div\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 1 🔥 Application standard — assainissement \u0026amp; purification\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n 1. Diluez Detox Therapy avec de l'eau (\u003cstrong\u003e1\/10 à 1\/20\u003c\/strong\u003e selon l'intensité souhaitée) ou appliquez \u003cstrong\u003epur sur les zones à traitement localisé et intensif\u003c\/strong\u003e.\u003cbr\u003e\n 2. Appliquez sur le poil sec et sale. Massez doucement pour faire pénétrer le masque.\u003cbr\u003e\n 3. Laissez poser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e.\u003cbr\u003e\n 4. Sans rincer, appliquez directement le shampoing \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e sur le masque en pose.\u003cbr\u003e\n 5. Finalisez avec un après-shampoing : \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e et\/ou \u003cstrong\u003eBombastic\u003c\/strong\u003e.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 2 🔥 Traitement curatif — alopécie, prurit, hot spots, irritations\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Sur les animaux présentant des anomalies cutanées déclarées :\u003cbr\u003e\n 1. Appliquez le masque \u003cstrong\u003epur sur les zones affectées\u003c\/strong\u003e (hot spots, zones de prurit, plaques d'alopécie).\u003cbr\u003e\n 2. Diluez à \u003cstrong\u003e1\/10\u003c\/strong\u003e pour l'application sur le reste du corps.\u003cbr\u003e\n 3. Massez doucement et laissez agir \u003cstrong\u003e10 minutes\u003c\/strong\u003e minimum pour une action thérapeutique maximale.\u003cbr\u003e\n 4. Passez directement à l'\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e sans rincer au préalable.\u003cbr\u003e\n Ce protocole peut être répété à chaque bain jusqu'à amélioration visible de l'état cutané.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 3 🔥 Post-épilation — traitement \u0026amp; repousse saine\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Detox Therapy est particulièrement recommandé \u003cstrong\u003eimmédiatement après l'épilation\u003c\/strong\u003e :\u003cbr\u003e\n 1. Appliquez le masque pur ou légèrement dilué sur les zones épilées encore sèches.\u003cbr\u003e\n 2. Massez doucement — l'argile verte apaise instantanément les peaux réactives post-épilation.\u003cbr\u003e\n 3. Laissez poser 5 à 10 minutes, puis passez à l'\u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e sans rincer.\u003cbr\u003e\n L'action purifiante et régénérante de l'argile prépare les follicules pour \u003cstrong\u003eune repousse saine et de qualité\u003c\/strong\u003e.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eToute la gamme Special One est compatible avec Detox Therapy. Nos alliances préférées :\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003e\n 🤝 \u003cstrong\u003eAqua Terme Pro\u003c\/strong\u003e en shampoing (association recommandée systématiquement) ·\n 🤝 \u003cstrong\u003eHydrating Cream, Bombastic, Aqua Dolce\u003c\/strong\u003e en masque final\n \u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 5px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Tous les chats et tous les chiens présentant les anomalies cutanées évoquées — usage curatif.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Toutes les races qu'on épile — traitement immédiat post-épilation pour une belle repousse.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee; font-weight: 600; font-size: 12px; color: #555; text-transform: uppercase; letter-spacing: 0.05em;\"\u003eRaces à utilisation préventive recommandée\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bouledogue Français \u0026amp; Carlins — peaux à plis, séborrhée et irritations fréquentes.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Chien Chinois à Crête — peau nue particulièrement exposée aux agressions.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Golden Retriever — tendance aux irritations et à l'excès de sébum.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding: 10px 0;\"\u003e✔️ Shar-Pei — peaux à plis profonds, prédisposées aux infections et aux déséquilibres cutanés.\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, DEA, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Endemik Sas","offers":[{"title":"5 Litres","offer_id":37819484995763,"sku":"WAQ-GRCL5000 (127)","price":152.9,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":57210676511065,"sku":"(80)","price":52.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_9.png?v=1771968021"},{"product_id":"aquaterme-argile-verte","title":"AQUA TERME PRO, shampoing soin à l'argile","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eAQUA TERME PRO\u003c\/strong\u003e est le shampoing professionnel Special One formulé à l’\u003cstrong\u003eargile verte et à la menthe\u003c\/strong\u003e, dédié aux peaux nécessitant une action traitante. Il \u003cstrong\u003epurifie et nettoie en profondeur\u003c\/strong\u003e tout en respectant le film hydrolipidique — sans aucune concession sur le résultat : visuel superbe et brushing parfait.\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n C’est aussi \u003cstrong\u003ele shampoing idéal des chiens à problèmes d’odeur\u003c\/strong\u003e : grâce à l’Aqua Terme, tous terminent le toilettage avec une odeur merveilleusement fraîche.\n \u003c\/div\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — en \u003cstrong\u003ecuratif\u003c\/strong\u003e sur les animaux présentant des anomalies cutanées, et en \u003cstrong\u003epréventif\u003c\/strong\u003e sur les races prédisposées.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGrâce à sa teneur en \u003cstrong\u003eargile verte et extrait de menthe\u003c\/strong\u003e, l’Aqua Terme Pro purifie en profondeur, apaise les peaux déshydratées ou réactives et redonne éclat et fraîcheur aux manteaux ternes. Sa formule traitante n’a aucune incidence sur la qualité du toilettage : \u003cstrong\u003eaction thérapeutique et résultat visuel impeccable vont de pair\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePeau saine\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eTraite les problèmes cutanés en préservant le film hydrolipidique, sans agresser.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 8h9a2 2 0 1 0-2-2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12h13a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16h7a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-odeur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eLutte contre les mauvaises odeurs liées aux dérèglements épidermiques et au sébum.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l9 5-9 5-9-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 13l9 5 9-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePolyvalent\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAide à lutter contre alopécie, prurit, irritations et hot spots.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAssainissement \u0026amp; purification\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et régénère les cellules en profondeur dès le premier usage.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-pellicules\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRégule le cuir chevelu et réduit nettement les squames.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eApaisant\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eSoulage les peaux irritées ou réactives — idéal après épilation ou brossage énergique.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 6;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDouceur \u0026amp; fraîcheur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAjoute éclat et fraîcheur aux manteaux ternes et sans vie.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 7;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M6 15l6-6 6 6\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 9l6-6 6 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eTenue des fourrures fines\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eDonne de la tenue aux poils très fins qui manquent de volume (ex. Caniches gris, roux).\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 8;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 12a9 9 0 1 1-3-6.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M21 4v4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDétoxifiant \u0026amp; rafraîchissant\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eÉlimine toxines et impuretés cutanées avec une sensation de fraîcheur immédiate.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 9;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1.2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAlopécie X du Spitz\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRecommandé en bain hebdomadaire dans le protocole de suivi et de repousse.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 10;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"9\" cy=\"13\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"16\" cy=\"9\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17.5\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eMousse exceptionnelle\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eMousse à merveille en salon : application aisée et bonne dépose des actifs.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 11;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"9\" r=\"5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9 13.5L7.5 21 12 18.5 16.5 21 15 13.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eRésultat professionnel\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAction traitante sans compromis — visuel superbe et brushing parfait.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l'Aqua Terme Pro\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"Soin peau\", value: 5 }, { label: \"Volume\", value: 4 }, { label: \"Moussant\", value: 4 }, { label: \"Texture\", value: 3 }, { label: \"Hydratation\", value: 3 } ] };\n var svg = document.getElementById(\"so-radar-svg\"); var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria; var n = data.length; var cx = 180, cy = 180, maxR = 95;\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) { var a = ang(i), r = (v \/ mx) * maxR; return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) }; }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n for (var l = 1; l \u003c= 5; l++) { var pts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); } var poly = svgEl(\"polygon\"); poly.setAttribute(\"points\", pts.join(\" \")); poly.setAttribute(\"fill\", \"none\"); poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\"); poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\"); if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\"); svg.appendChild(poly); }\n for (var i = 0; i \u003c n; i++) { var p = pt(i, 5, 5); var line = svgEl(\"line\"); line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy); line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y); line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\"); line.setAttribute(\"stroke-width\", \"0.6\"); svg.appendChild(line); }\n var shapePts = []; for (var i = 0; i \u003c n; i++) { var p = pt(i, data[i].value, 5); shapePts.push(p.x + \",\" + p.y); } var ptsStr = shapePts.join(\" \");\n var fillPoly = svgEl(\"polygon\"); fillPoly.setAttribute(\"points\", ptsStr); fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\"); fillPoly.classList.add(\"so-shape-fill\"); svg.appendChild(fillPoly);\n var strokePoly = svgEl(\"polygon\"); strokePoly.setAttribute(\"points\", ptsStr); strokePoly.setAttribute(\"fill\", \"none\"); strokePoly.setAttribute(\"stroke\", \"#1a1a1a\"); strokePoly.setAttribute(\"stroke-width\", \"1.8\"); strokePoly.setAttribute(\"stroke-linejoin\", \"round\"); strokePoly.classList.add(\"so-shape-stroke\"); svg.appendChild(strokePoly);\n \/* Trace doree qui parcourt le contour en boucle *\/\n var perim = 0; for (var i = 0; i \u003c n; i++) { var p1 = pt(i, data[i].value, 5); var p2 = pt((i+1)%n, data[(i+1)%n].value, 5); perim += Math.sqrt((p2.x-p1.x)*(p2.x-p1.x) + (p2.y-p1.y)*(p2.y-p1.y)); }\n var tracePoly = svgEl(\"polygon\"); tracePoly.setAttribute(\"points\", ptsStr); tracePoly.setAttribute(\"fill\", \"none\"); tracePoly.setAttribute(\"stroke\", \"#D4AF37\"); tracePoly.setAttribute(\"stroke-width\", \"2.2\"); tracePoly.setAttribute(\"stroke-linejoin\", \"round\"); tracePoly.setAttribute(\"stroke-linecap\", \"round\"); tracePoly.setAttribute(\"stroke-dasharray\", \"60 \" + perim); tracePoly.setAttribute(\"stroke-dashoffset\", \"0\"); tracePoly.style.setProperty(\"--so-perim\", perim); tracePoly.classList.add(\"so-trace-stroke\"); svg.appendChild(tracePoly);\n for (var i = 0; i \u003c n; i++) { (function(i) { var d = data[i]; var p = pt(i, d.value, 5); var delay = 0.5 + i * 0.1; var halo = svgEl(\"circle\"); halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y); halo.setAttribute(\"r\", \"7\"); halo.setAttribute(\"fill\", \"none\"); halo.setAttribute(\"stroke\", \"#1a1a1a\"); halo.setAttribute(\"stroke-width\", \"1\"); halo.setAttribute(\"stroke-opacity\", \"0.12\"); halo.classList.add(\"so-dot\"); halo.style.animationDelay = delay + \"s\"; svg.appendChild(halo); var dot = svgEl(\"circle\"); dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y); dot.setAttribute(\"r\", \"3\"); dot.setAttribute(\"fill\", \"#1a1a1a\"); dot.classList.add(\"so-dot\"); dot.style.animationDelay = delay + \"s\"; svg.appendChild(dot); var lp = pt(i, 6.5, 5);\n lp.y += Math.sin(ang(i)) * 16; var pctX = (lp.x \/ 360) * 100; var pctY = (lp.y \/ 360) * 100; var lbl = document.createElement(\"div\"); lbl.className = \"so-label\"; lbl.style.left = pctX + \"%\"; lbl.style.top = pctY + \"%\"; lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\"; lbl.innerHTML = '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e'; area.appendChild(lbl); })(i); }\n var maxVal = 0; for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; } var bests = []; for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n var chipsHtml = ''; for (var i = 0; i \u003c bests.length; i++) { chipsHtml += '\u003cspan class=\"so-foot-centered-chip\"\u003e' + bests[i].label + '\u003cem\u003e' + bests[i].value + '\/5\u003c\/em\u003e\u003c\/span\u003e'; }\n var labelTxt = (bests.length \u003e 1 ? 'POINTS FORTS' : 'POINT FORT');\n document.getElementById(\"so-radar-footer\").innerHTML = '\u003cdiv class=\"so-foot-centered\"\u003e\u003cdiv class=\"so-foot-centered-head\"\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003cspan class=\"so-foot-centered-title\"\u003e★ ' + labelTxt + ' ★\u003c\/span\u003e\u003cspan class=\"so-foot-centered-line\"\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"so-foot-centered-chips\"\u003e' + chipsHtml + '\u003c\/div\u003e\u003c\/div\u003e';\n })();\n \u003c\/script\u003e\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Aqua Terme Pro - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l'Aqua Terme Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn complexe minéral et végétal entièrement naturel — \u003cstrong\u003eargile verte, menthe et plantes purifiantes\u003c\/strong\u003e, sans SLS, sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l'Aqua Terme Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'argile', label:'Argile Verte', latin:'Fuller’s Earth', family:'aqua',\n desc:\"Argile minérale antibactérienne et absorbante : elle purifie la peau en profondeur, capte le sébum en excès et régénère les cellules cutanées.\",\n targets: [\n { anchor:'glande_seb', action:\"Capture du sébum\", benefit:\"Absorbe l'excès de sébum et assainit les glandes sébacées.\" },\n { anchor:'epiderme', action:\"Purification profonde\", benefit:\"Capte impuretés et toxines, puis régénère les cellules de surface.\" }\n ]\n },\n {\n id:'mineral', label:'Complexe Minéral', latin:'Fer · Calcium · Silicium · Magnésium · Potassium', family:'aqua',\n desc:\"Oligo-éléments essentiels qui reminéralisent la peau, renforcent le manteau et lui restituent force et brillance naturelle.\",\n targets: [\n { anchor:'derme', action:\"Reminéralisation\", benefit:\"Apporte les oligo-éléments qui renforcent la structure cutanée en profondeur.\" },\n { anchor:'tige_poil', action:\"Force \u0026 brillance\", benefit:\"Restitue résistance et brillance naturelle au manteau.\" }\n ]\n },\n {\n id:'menthe', label:'Menthol \u0026 Huile de Tea Tree', latin:'Mentha \u0026 Melaleuca', family:'botanic',\n desc:\"Duo rafraîchissant, lénitif et purifiant : effet immédiat de bien-être qui apaise les irritations cutanées.\",\n targets: [\n { anchor:'epiderme', action:\"Fraîcheur \u0026 lénifiant\", benefit:\"Sensation de fraîcheur immédiate qui apaise les irritations.\" },\n { anchor:'film_hydro', action:\"Purifiant doux\", benefit:\"Assainit la surface tout en respectant le film protecteur.\" }\n ]\n },\n {\n id:'romarin', label:'Romarin', latin:'Rosmarinus officinalis', family:'botanic',\n desc:\"Tonique végétal qui fortifie le poil et améliore la microcirculation cutanée : il favorise un manteau plus résistant et lumineux.\",\n targets: [\n { anchor:'follicule', action:\"Stimulation de la pousse\", benefit:\"Active la microcirculation autour du follicule et favorise une repousse vigoureuse.\" },\n { anchor:'tige_poil', action:\"Fortifie le poil\", benefit:\"Renforce la fibre pour un manteau résistant et lumineux.\" }\n ]\n },\n {\n id:'ortie', label:\"Extrait d'Ortie\", latin:'Urtica dioica', family:'bio',\n desc:\"Plante séborégulatrice et anti-pelliculaire : elle régule la production de sébum et stimule la régénération cutanée.\",\n targets: [\n { anchor:'glande_seb', action:\"Séborégulation\", benefit:\"Régule la production de sébum à la source.\" },\n { anchor:'epiderme', action:\"Anti-pelliculaire\", benefit:\"Stimule la régénération cutanée et réduit les squames.\" }\n ]\n },\n {\n id:'biotine', label:'Biotine \u0026 Niacinamide', latin:'Vitamines B7 \u0026 B3', family:'bio',\n desc:\"Duo réparateur essentiel : renforce la structure du poil, stimule la croissance et réduit les pellicules.\",\n targets: [\n { anchor:'bulbe', action:\"Croissance du poil\", benefit:\"Nourrissent le bulbe et stimulent la pousse d'un poil plus fort.\" },\n { anchor:'tige_poil', action:\"Renfort structural\", benefit:\"Renforcent la structure de la fibre de l'intérieur.\" }\n ]\n },\n {\n id:'citron', label:'Citron \u0026 Piroctone Olamine', latin:'Citrus limon \u0026 actif assainissant', family:'cond',\n desc:\"Action déodorante, antibactérienne et protectrice : neutralise les mauvaises odeurs et protège la peau des agents externes.\",\n targets: [\n { anchor:'glande_sud', action:\"Action déodorante\", benefit:\"Neutralise les mauvaises odeurs liées aux déséquilibres cutanés.\" },\n { anchor:'epiderme', action:\"Protection antibactérienne\", benefit:\"Protège la peau des agents externes et limite la prolifération bactérienne.\" }\n ]\n }\n ];\n\n var listEl = document.getElementById('aqrList');\n var schemaWrap = document.getElementById('aqrSchemaWrap');\n var schemaImg = document.getElementById('aqrSchemaImg');\n var overlay = document.getElementById('aqrOverlay');\n var connectorsEl = document.getElementById('aqrConnectors');\n var infoEl = document.getElementById('aqrInfo');\n try { ingredients.forEach(function(ing, i) {\n var li = document.createElement('li');\n var btn = document.createElement('button');\n btn.className = 'aqr-list-item' + (i === 0 ? ' aqr-active' : '');\n btn.setAttribute('type', 'button');\n btn.dataset.idx = i;\n btn.style.setProperty('--c', familyColors[ing.family]);\n btn.innerHTML = '\u003cspan class=\"aqr-li-name\"\u003e' + ing.label + '\u003c\/span\u003e';\n btn.addEventListener('click', function() { focusIngredient(i); });\n li.appendChild(btn);\n listEl.appendChild(li);\n }); } catch (e) {}\n\n function clearAll() {\n var inside = overlay.querySelectorAll('*');\n for (var i = 0; i \u003c inside.length; i++) inside[i].classList.add('aqr-leaving');\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) {\n var conns = connSvg.querySelectorAll('*');\n for (var i = 0; i \u003c conns.length; i++) conns[i].classList.add('aqr-leaving');\n }\n setTimeout(function() {\n overlay.innerHTML = '';\n if (connSvg) connSvg.innerHTML = '';\n }, 420);\n }\n\n var currentIdx = 0;\n var playing = true;\n var autoTimer = null;\n\n function focusIngredient(idx) {\n currentIdx = ((idx % ingredients.length) + ingredients.length) % ingredients.length;\n var ing = ingredients[currentIdx];\n var color = familyColors[ing.family];\n\n var items = document.querySelectorAll('#aqr-carto .aqr-list-item');\n for (var i = 0; i \u003c items.length; i++) {\n if (i === currentIdx) items[i].classList.add('aqr-active');\n else items[i].classList.remove('aqr-active');\n }\n infoEl.classList.add('aqr-fading');\n setTimeout(function() {\n infoEl.style.setProperty('--c', color);\n var actionsHtml = ing.targets.map(function(t, i) {\n return '\u003cdiv class=\"aqr-action-row\"\u003e' +\n '\u003cdiv class=\"aqr-action-marker\"\u003e' + String.fromCharCode(65 + i) + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-content\"\u003e' +\n '\u003cdiv class=\"aqr-action-zone\"\u003e' + anchorLabels[t.anchor] + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-name\"\u003e' + t.action + '\u003c\/div\u003e' +\n '\u003cdiv class=\"aqr-action-benefit\"\u003e' + t.benefit + '\u003c\/div\u003e' +\n '\u003c\/div\u003e' +\n '\u003c\/div\u003e';\n }).join('');\n infoEl.innerHTML =\n '\u003cdiv class=\"aqr-info-family\"\u003e' + families[ing.family] + '\u003c\/div\u003e' +\n '\u003ch3 class=\"aqr-info-name\"\u003e' + ing.label + '\u003c\/h3\u003e' +\n '\u003cdiv class=\"aqr-info-latin\"\u003e' + ing.latin + '\u003c\/div\u003e' +\n '\u003cp class=\"aqr-info-desc\"\u003e' + ing.desc + '\u003c\/p\u003e' +\n '\u003cdiv class=\"aqr-info-section\"\u003eActions ciblées\u003c\/div\u003e' +\n actionsHtml;\n infoEl.classList.remove('aqr-fading');\n }, 300);\n\n clearAll();\n setTimeout(function() { drawTargets(ing); }, 450);\n scheduleNext();\n }\n\n function ensureConnectorSvg() {\n var carto = document.getElementById('aqr-carto');\n \/\/ Recherche sans :scope pour compatibilite navigateurs anciens\n var svg = null;\n var children = carto.children;\n for (var i = 0; i \u003c children.length; i++) {\n if (children[i].tagName \u0026\u0026 children[i].tagName.toLowerCase() === 'svg' \u0026\u0026\n children[i].classList \u0026\u0026 children[i].classList.contains('aqr-connector-svg')) {\n svg = children[i];\n break;\n }\n }\n if (!svg) {\n svg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'svg');\n svg.setAttribute('class', 'aqr-connector-svg');\n carto.appendChild(svg);\n }\n return svg;\n }\n\n function getListItemAnchor(idx) {\n var item = document.querySelectorAll('#aqr-carto .aqr-list-item')[idx];\n var r = item.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: r.right - cRect.left,\n y: r.top + r.height \/ 2 - cRect.top\n };\n }\n function pctToCartoPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n var cRect = document.getElementById('aqr-carto').getBoundingClientRect();\n return {\n x: (wRect.left - cRect.left) + (px \/ 100) * wRect.width,\n y: (wRect.top - cRect.top) + (py \/ 225) * wRect.height\n };\n }\n\n function pctToOverlayPx(px, py) {\n var wRect = schemaWrap.getBoundingClientRect();\n return { x: (px \/ 100) * wRect.width, y: (py \/ 225) * wRect.height };\n }\n\n function drawTargets(ing) {\n var color = familyColors[ing.family];\n var startPt = getListItemAnchor(currentIdx);\n var connSvg = ensureConnectorSvg();\n\n ing.targets.forEach(function(target, i) {\n var anchor = anchors[target.anchor];\n var endPtCarto = pctToCartoPx(anchor.x, anchor.y);\n var delay = i * 280;\n\n \/\/ Ligne courbe : coords en pixels du aqr-carto\n var dx = endPtCarto.x - startPt.x;\n var cp1x = startPt.x + dx * 0.4;\n var cp1y = startPt.y;\n var cp2x = startPt.x + dx * 0.6;\n var cp2y = endPtCarto.y;\n var d = 'M ' + startPt.x + ' ' + startPt.y +\n ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y +\n ', ' + endPtCarto.x + ' ' + endPtCarto.y;\n var connPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\n connPath.setAttribute('d', d);\n connPath.setAttribute('class', 'aqr-conn-line');\n connPath.style.setProperty('--c', color);\n connPath.style.animationDelay = delay + 'ms';\n connSvg.appendChild(connPath);\n\n \/\/ IRRADIATION DORÉE — toujours identique sur chaque point\n var cx = anchor.x;\n var cy = anchor.y;\n\n \/\/ 1. Halo doré flou central\n var halo = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n halo.setAttribute('cx', cx);\n halo.setAttribute('cy', cy);\n halo.setAttribute('r', '5');\n halo.setAttribute('class', 'aqr-star-halo');\n halo.style.animationDelay = (delay + 500) + 'ms, ' + (delay + 1200) + 'ms';\n overlay.appendChild(halo);\n\n \/\/ 2. Anneaux d'irradiation qui se diffusent en boucle continue (4 décalés)\n for (var r = 0; r \u003c 4; r++) {\n var ring = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n ring.setAttribute('cx', cx);\n ring.setAttribute('cy', cy);\n ring.setAttribute('r', '3');\n ring.setAttribute('class', 'aqr-star-ring');\n ring.style.animationDelay = (delay + 600 + r * 800) + 'ms';\n overlay.appendChild(ring);\n }\n\n \/\/ 3. Point coloré A\/B\/C avec sa lettre (par-dessus le doré)\n var dot = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\n dot.setAttribute('cx', cx);\n dot.setAttribute('cy', cy);\n dot.setAttribute('r', '2.6');\n dot.setAttribute('class', 'aqr-marker-dot');\n dot.style.setProperty('--c', color);\n dot.style.animationDelay = (delay + 850) + 'ms';\n overlay.appendChild(dot);\n\n var txt = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\n txt.setAttribute('x', cx);\n txt.setAttribute('y', cy);\n txt.setAttribute('class', 'aqr-marker-text');\n txt.textContent = String.fromCharCode(65 + i);\n txt.style.animationDelay = (delay + 950) + 'ms';\n overlay.appendChild(txt);\n });\n }\n\n function scheduleNext() {\n if (autoTimer) clearTimeout(autoTimer);\n if (playing) autoTimer = setTimeout(function() { focusIngredient(currentIdx + 1); }, 6500);\n }\n\n var __started = false;\n function start() {\n if (__started) return; __started = true;\n setTimeout(function() { try { focusIngredient(0); } catch (e) {} }, 200);\n }\n \/\/ Filets de securite multiples : l'image et la liste s'affichent toujours,\n \/\/ et l'animation demarre des que possible quel que soit l'environnement.\n try {\n if (schemaImg \u0026\u0026 schemaImg.complete) start();\n if (schemaImg) {\n schemaImg.addEventListener('load', start);\n schemaImg.addEventListener('error', start);\n }\n } catch (e) {}\n if (document.readyState === 'complete') start();\n else window.addEventListener('load', start);\n setTimeout(start, 1500);\n\n var resizeTimer = null;\n function fullRedraw() {\n overlay.innerHTML = '';\n var connSvg = document.querySelector('#aqr-carto \u003e svg.aqr-connector-svg');\n if (connSvg) connSvg.innerHTML = '';\n \/\/ double rAF to wait for layout to stabilize\n requestAnimationFrame(function() {\n requestAnimationFrame(function() {\n drawTargets(ingredients[currentIdx]);\n });\n });\n }\n window.addEventListener('resize', function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n \/\/ ResizeObserver pour reagir aussi aux changements de taille du conteneur\n if (typeof ResizeObserver !== 'undefined') {\n var ro = new ResizeObserver(function() {\n if (resizeTimer) clearTimeout(resizeTimer);\n resizeTimer = setTimeout(fullRedraw, 200);\n });\n ro.observe(document.getElementById('aqr-carto'));\n }\n })();\n \u003c\/script\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part pour 20 parts d'eau\u003cbr\u003e— ou pur\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide \u0026amp; peau à apaiser\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour un bain efficace et apaisant au quotidien\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003ePremier shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDémarrez le bain directement avec l’\u003cstrong\u003eAqua Terme Pro dilué\u003c\/strong\u003e sur le poil mouillé. Rincez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSecond shampoing\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez un \u003cstrong\u003esecond shampoing\u003c\/strong\u003e, puis rincez de nouveau.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec l’après-shampoing adapté au besoin : \u003cstrong\u003eHydrating Cream, Bombastic ou Aqua Dolce\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eBain \u0026amp; soin profond — peau nécessitant une action intense\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour les peaux présentant des anomalies cutanées marquées\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain Detox\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez le masque pré-bain \u003cstrong\u003eDetox Therapy pendant 10 minutes\u003c\/strong\u003e sur le poil sec.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eEnchaînement sans rinçage\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eEnchaînez directement avec l’\u003cstrong\u003eAqua Terme Pro sans rincer\u003c\/strong\u003e entre les deux phases.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eDouble shampoing \u0026amp; pose\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis renouvelez le shampoing. \u003cstrong\u003eLaissez poser 5 minutes\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition réparatrice\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream + Huiles 4 Éléments\u003c\/strong\u003e, puis rincez l’après-shampoing.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Aqua Terme Pro au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec l’Aqua Terme Pro. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetox Therapy\u003c\/strong\u003e (recommandé systématiquement)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final est nécessaire…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce · Bombastic · Hydrating Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ela peau est très réactive…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream + Huiles 4 Éléments\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l'Aqua Terme Pro fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🦊 Spitz · Alopécie X \u003cspan\u003e(bain hebdo : tenue, pousse \u0026amp; densité)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Caniches gris, roux \u0026amp; fauves \u003cspan\u003e(poils fins : tenue \u0026amp; repousse)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Chats \u0026amp; chiens à anomalies cutanées \u003cspan\u003e(usage curatif)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✂️ Races qu’on épile \u003cspan\u003e(repousse post-épilation)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐶 Bouledogue Français \u0026amp; Carlins \u003cspan\u003e(plis, séborrhée, irritations)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Chien Chinois à Crête \u003cspan\u003e(peau nue exposée)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🦮 Golden Retriever \u003cspan\u003e(irritations \u0026amp; excès de sébum)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐺 Shar-Peï \u003cspan\u003e(plis profonds, déséquilibres cutanés)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe non exhaustive — en curatif comme en préventif sur les peaux sensibles et prédisposées.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans SLS, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"1 Litre","offer_id":57191767540057,"sku":"(77)","price":51.5,"currency_code":"EUR","in_stock":true},{"title":"5 Litres","offer_id":37819485028531,"sku":"WAQ-AQTE5000 (153)","price":144.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_7.png?v=1771967768"},{"product_id":"aquadolce-apres-shampoing-chien","title":"AQUA DOLCE","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eAQUA DOLCE\u003c\/strong\u003e est un \u003cstrong\u003emasque après-shampoing revitalisant et adoucissant d’exception\u003c\/strong\u003e. Formulé pour sublimer tous les pelages, il offre une action intense pour \u003cstrong\u003erestaurer la vitalité et le gainage des fourrures stressées\u003c\/strong\u003e.\n \u003c\/div\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt ! C’est le \u003cstrong\u003esoin polyvalent par excellence\u003c\/strong\u003e pour les \u003cem\u003emanti crespi\u003c\/em\u003e (crépus) et fatigués par le brossage ou le climat.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGrâce à sa gestion de la \u003cstrong\u003eperméabilité du poil\u003c\/strong\u003e, Aqua Dolce fait disparaître les \u003cstrong\u003efrisottis\u003c\/strong\u003e et la fatigue de la fibre \u003cstrong\u003esans jamais graisser\u003c\/strong\u003e. Il restructure le poil après l’été ou un brossage intensif.\u003c\/p\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 12h18M12 3v18M5 8l14 0M5 16l14 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eGainage \u0026amp; Tenue\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAugmente la brillance et assure une \u003cstrong\u003emeilleure tenue du toilettage\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eAnti-Frisottis\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003e\n\u003cstrong\u003eÉlimine instantanément les frisottis\u003c\/strong\u003e et discipline le poil.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 4h16v6M4 4v3M8 4v3M12 4v3M16 4v3M20 4v3M4 10h16l-2 10H6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDémêlage\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eFacilite le passage du peigne et \u003cstrong\u003eprévient le retour des nœuds\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eRéparation\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRestaure la vitalité et \u003cstrong\u003etraite les pointes fourchues\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eProtection\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003e\n\u003cstrong\u003eBouclier\u003c\/strong\u003e contre les agents chimiques et environnementaux.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l’Aqua Dolce\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Aqua Dolce - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l’Aqua Dolce : 4 duos d’actifs synergiques\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne \u003cstrong\u003eformulation enrichie en protéines nobles et extraits botaniques adoucissants\u003c\/strong\u003e — quatre duos d’actifs aux propriétés complémentaires.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de l’Aqua Dolce\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \n \u003c!-- ENCART STORYTELLING : signature permeabilite du poil --\u003e\n \u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e💧 La signature Aqua Dolce\u003c\/span\u003e\n \u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eLa gestion de la perméabilité du poil\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eUn poil sain a une \u003cstrong\u003eperméabilité équilibrée\u003c\/strong\u003e : ni trop fermé (cassant, mat) ni trop ouvert (sec, frisotté, fatigué). Quand l’été, le climat sec ou un brossage intensif déstabilisent cet équilibre, le poil \u003cem\u003eboit\u003c\/em\u003e trop et perd sa cohésion. Aqua Dolce \u003cstrong\u003erétablit cette perméabilité optimale\u003c\/strong\u003e grâce à son duo Soie \u0026amp; Lait — le poil retrouve son élasticité, ses frisottis disparaissent, \u003cstrong\u003esans jamais graisser\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 c. à café à 1 c. à soupe\u003cbr\u003epar litre — ou pur\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e150 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e500 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillère à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '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\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cdiv\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide ou Volume gainé\u003c\/span\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eDeux modes selon le rendu voulu\u003c\/p\u003e\n \u003c\/div\u003e\n \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\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-body\"\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSoin classique — gainage\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDiluez \u003cstrong\u003e1 c. à soupe \/ L d’eau tiède\u003c\/strong\u003e. Appliquez sur les longueurs, massez et peignez. \u003cstrong\u003eNe pas rincer\u003c\/strong\u003e pour un gainage maximum (utilisation possible jusqu’au produit pur).\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eVolume gainé\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eDiluez \u003cstrong\u003e1 c. à café\u003c\/strong\u003e dans le volume d’eau nécessaire. Laissez poser \u003cstrong\u003e2 minutes\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRinçage selon le mode\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eMode A : pas de rinçage. Mode B : \u003cstrong\u003erincez totalement\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cdiv\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eAction plombante ou réparatrice\u003c\/span\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour les zones abîmées et les pointes fourchues\u003c\/p\u003e\n \u003c\/div\u003e\n \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\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-body\"\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eZones abîmées\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez le produit \u003cstrong\u003epur directement sur la zone\u003c\/strong\u003e. Laissez poser \u003cstrong\u003e5 minutes\u003c\/strong\u003e puis rincez rapidement.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003ePointes fourchues\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eSur poil essoré, appliquez \u003cstrong\u003eune petite touche de produit pur uniquement sur les pointes avant le séchage\u003c\/strong\u003e. \u003cstrong\u003eSans rinçage.\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cdiv\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eMulti-usages — Brossage \u0026amp; Papillotes\u003c\/span\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eLa polyvalence d’Aqua Dolce\u003c\/p\u003e\n \u003c\/div\u003e\n \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\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-body\"\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eSpray de brossage\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eUtilisez Aqua Dolce \u003cstrong\u003edilué en spray de brossage\u003c\/strong\u003e pour entretenir le poil entre les bains.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003ePapillotes\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eUtilisez-le \u003cstrong\u003epur dans les papillotes\u003c\/strong\u003e pour protéger la fourrure en croissance.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \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\n 💡 \u003cstrong\u003eCONSEIL PRO :\u003c\/strong\u003e pour un résultat \u003cstrong\u003e« Show » ultime\u003c\/strong\u003e, mixez Aqua Dolce avec \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e ou \u003cstrong\u003eBombastic\u003c\/strong\u003e.\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Villanelle au cœur + compléments modulaires Si.. → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e🤝 \u003cstrong\u003eAlliances favorites\u003c\/strong\u003e : \u003cstrong\u003eBain Pro \/ Aquarosa Pro\u003c\/strong\u003e (shampoings), \u003cstrong\u003eBio Energy\u003c\/strong\u003e (pré-bain), \u003cstrong\u003eMix Pink \/ Aqua Beauty\u003c\/strong\u003e (finition).\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003egainage maximum souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 c. à soupe \/ L — pas de rinçage\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003evolume gainé recherché…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1 c. à café \/ L — rinçage total\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ezones abîmées localisées…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eProduit pur, pose 5 min, rinçage rapide\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003erésultat « Show » ultime…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMixer avec Hydrating Cream ou Bombastic\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eentretien quotidien entre 2 bains…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eSpray de brossage dilué\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003epapillotes pour pelage en croissance…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce pur dans les papillotes\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l’Aqua Dolce fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les Chats \u003cspan\u003e(action dégraissante et lissante)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐶 Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Yorkshire, Shih-Tzu, Afghans)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Double-coat \u0026amp; Primitifs \u003cspan\u003e(Spitz, Bergers, Samoyèdes, Colleys)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐺 Terriers \u003cspan\u003e(Scottish, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eLe soin polyvalent par excellence — du chat de salon au champion d’exposition.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans SLES, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eMIX CALMANT — MARI PINTAU\u003c\/strong\u003e est l’\u003cstrong\u003ehuile lavante\u003c\/strong\u003e Special One inspirée des côtes sarde, dédiée aux fourrures ayant besoin d’être nourries \u003cstrong\u003eet apaisées\u003c\/strong\u003e. Grâce à son mélange d’huiles essentielles, elle agit comme un \u003cstrong\u003eagent calmant\u003c\/strong\u003e à la fois sur la peau et sur l’humeur des chiens et chats agités ou nerveux — et soulage les rougeurs.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — particulièrement précieux pour les \u003cstrong\u003eanimaux agités, nerveux ou aux peaux délicates rougies\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eCette huile lavante donne au poil la douceur des galets polis qui plongent dans la mer bleu intense de Sardaigne. Le \u003cstrong\u003emélange d’huiles essentielles\u003c\/strong\u003e diffuse une action calmante sur la peau, le poil et l’humeur de l’animal — l’eau chaude libère le parfum et active les bienfaits, comme dans un ancien rituel de beauté.\u003c\/p\u003e\n\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\u003eNe pas utiliser\u003c\/strong\u003e ce produit si la peau est \u003cstrong\u003eréactive\u003c\/strong\u003e ou présente des \u003cstrong\u003elésions ou plaies\u003c\/strong\u003e — les huiles essentielles pourraient piquer ou aggraver l’irritation.\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBain en douceur\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eUn bain ultra-doux pour chiens et chats de tous âges, du bébé jusqu’au sénior.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage purifiant\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et purifie la peau en profondeur sans agresser.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAnti-pellicules\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eRégule la desquamation et réduit les pellicules sur les peaux fatiguées.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePeaux mixtes\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAide à la fois les peaux déshydratées et les peaux grasses en rétablissant l’équilibre.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDouceur \u0026amp; fraîcheur\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAjoute douceur et fraîcheur aux manteaux ternes — le poil retrouve sa souplesse.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePeaux rougies \u0026amp; délicates\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eIdéal pour apaiser les peaux rougies et délicates, hors lésions ou plaies actives.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Mix Calmant\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Mix Calmant - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Mix Calmant : huiles essentielles \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn \u003cstrong\u003emélange concentré d’huiles essentielles\u003c\/strong\u003e aux propriétés calmantes, antiseptiques et parfumantes — sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée 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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- Encart : pas un shampoing autonome, complément d'un shampoing\/masque --\u003e\u003c!-- Rappel ❌ peaux reactives --\u003e\n\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\u003eNe pas utiliser\u003c\/strong\u003e si la peau est réactive ou présente des lésions ou plaies actives.\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e\n\u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSoin lavant apaisant en complément du bain\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eComment intégrer le Mix Calmant dans un rituel de bain Special One\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain Detox\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eCommencez par un masque pré-bain \u003cstrong\u003eDetox Therapy\u003c\/strong\u003e pour préparer la peau et le poil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication en complément lavant\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez le Mix Calmant \u003cstrong\u003een complément du shampoing ou du masque pré-bain\u003c\/strong\u003e. L’eau chaude libère le parfum et active l’effet bénéfique des huiles essentielles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; pose\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMassez doucement pour diffuser les huiles essentielles. Laissez agir quelques minutes — l’animal se détend, la peau s’apaise.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition apaisante\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis finalisez avec \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e ou \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e en masque final pour prolonger la sensation de bien-être.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Mix Calmant au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Mix Calmant. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetox Therapy en amont\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final apaisant s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce ou Hydrating Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ela peau est réactive ou présente des lésions…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNe pas utiliser — préférez Skincare Pro ou Aqua Baby Paw\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Mix Calmant fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Tous les chiens en salon \u003cspan\u003e(pour éviter un retour des nœuds trop rapide)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Tous les Cockers \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Yorkshire, Afghans)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriers \u003cspan\u003e(Scottish, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un rituel apaisant venu de Sardaigne, à inviter dans tous les bains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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","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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eMIX TONIFIANT — PORTOFINO\u003c\/strong\u003e est l’\u003cstrong\u003ehuile lavante\u003c\/strong\u003e Special One inspirée des senteurs ligures, dédiée aux fourrures ayant besoin d’être \u003cstrong\u003erevigorées\u003c\/strong\u003e. Adaptée aux pelages ternes et aux peaux déshydratées, elle apaise aussi les sujets agités ou nerveux grâce à son mélange d’huiles essentielles.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — particulièrement précieux pour les \u003cstrong\u003epelages ternes, fatigués ou aux peaux déshydratées\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eCette huile lavante donne au poil une \u003cstrong\u003ebrillance inspirée des senteurs et des couleurs de la Ligurie\u003c\/strong\u003e, qui enivrent les rues des villages enchantés. Le \u003cstrong\u003emélange d’huiles essentielles\u003c\/strong\u003e agit à la fois comme un tonifiant et un calmant — sur la peau, le poil et l’humeur de l’animal.\u003c\/p\u003e\n\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\u003eNe pas utiliser\u003c\/strong\u003e ce produit si la peau est \u003cstrong\u003eréactive\u003c\/strong\u003e ou présente des \u003cstrong\u003elésions ou plaies\u003c\/strong\u003e — les huiles essentielles pourraient piquer ou aggraver l’irritation.\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBain en douceur\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eUn bain ultra-doux pour chiens et chats de tous âges, du bébé jusqu’au sénior.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage purifiant\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et purifie la peau en profondeur sans agresser.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePeaux mixtes\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAide à la fois les peaux déshydratées et les peaux grasses en rétablissant l’équilibre.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDouceur \u0026amp; fraîcheur\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAjoute douceur et fraîcheur aux manteaux ternes — le poil retrouve sa souplesse.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18.5 15l.6 1.6 1.6.6-1.6.6-.6 1.6-.6-1.6-1.6-.6 1.6-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBrillance ravivée\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eRedonne au pelage une brillance vive et naturelle, comme illuminée de l’intérieur.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Mix Tonifiant\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Mix Tonifiant - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Mix Tonifiant : huiles essentielles \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn \u003cstrong\u003emélange concentré d’huiles essentielles\u003c\/strong\u003e aux propriétés calmantes, antiseptiques et parfumantes — sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée 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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- Encart : pas un shampoing autonome, complément d'un shampoing\/masque --\u003e\u003c!-- Rappel ❌ peaux reactives --\u003e\n\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\u003eNe pas utiliser\u003c\/strong\u003e si la peau est réactive ou présente des lésions ou plaies actives.\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e\n\u003cdetails class=\"aqr-proto-acc\" open=\"\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eSoin lavant apaisant en complément du bain\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eComment intégrer le Mix Tonifiant dans un rituel de bain Special One\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain Detox\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eCommencez par un masque pré-bain \u003cstrong\u003eDetox Therapy\u003c\/strong\u003e pour préparer la peau et le poil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication en complément lavant\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez le Mix Tonifiant \u003cstrong\u003een complément du shampoing ou du masque pré-bain\u003c\/strong\u003e. L’eau chaude libère le parfum et active l’effet bénéfique des huiles essentielles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; pose\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMassez doucement pour diffuser les huiles essentielles. Laissez agir quelques minutes — l’animal se détend, la peau s’apaise.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFinition apaisante\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis finalisez avec \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e ou \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e en masque final pour prolonger la sensation de bien-être.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Mix Tonifiant au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Mix Tonifiant. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetox Therapy en amont\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final apaisant s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce ou Hydrating Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun effet purement calmant est recherché…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Calmant — Mari Pintau (cousin sarde)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ela peau est réactive ou présente des lésions…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNe pas utiliser — préférez Skincare Pro ou Aqua Baby Paw\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Mix Tonifiant fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🛁 Tous les chiens en salon \u003cspan\u003e(pour éviter un retour des nœuds trop rapide)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕 Tous les Cockers \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✨ Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Yorkshire, Afghans)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriers \u003cspan\u003e(Scottish, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un rituel tonifiant venu de Ligurie, à inviter dans tous les bains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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","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":"Mix Purifiant - SATURNIA - Huiles Essentielles de Toscane","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eMIX PURIFIANT — SATURNIA\u003c\/strong\u003e est l’\u003cstrong\u003ehuile lavante\u003c\/strong\u003e Special One inspirée des collines toscanes, un mélange d’huiles essentielles \u003cstrong\u003eénergisant et purifiant\u003c\/strong\u003e, formulé pour purifier en profondeur la peau de votre animal tout en redonnant de la vigueur aux fourrures fatiguées.\n \u003c\/div\u003e\n\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — particulièrement précieux pour les \u003cstrong\u003efourrures fatiguées ou stressées\u003c\/strong\u003e qui ont besoin d’un coup de boost purifiant.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eCette huile lavante combine les propriétés \u003cstrong\u003eanalgésiques, déodorantes et détoxifiantes\u003c\/strong\u003e, s’inspirant des douces collines toscanes où les rangées d’arbres centenaires côtoient d’anciennes maisons de campagne. Le \u003cstrong\u003emélange d’huiles essentielles\u003c\/strong\u003e agit à la fois sur la peau et sur l’humeur de l’animal.\u003c\/p\u003e\n \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\u003eNe pas utiliser\u003c\/strong\u003e ce produit si la peau est \u003cstrong\u003eréactive\u003c\/strong\u003e ou présente des \u003cstrong\u003elésions ou plaies\u003c\/strong\u003e — les huiles essentielles pourraient piquer ou aggraver l’irritation.\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eBain en douceur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eUn bain ultra-doux pour chiens et chats de tous âges, du bébé jusqu’au sénior.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage purifiant\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et purifie la peau en profondeur sans agresser.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePeaux mixtes\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAide à la fois les peaux déshydratées et les peaux grasses en rétablissant l’équilibre.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDouceur \u0026amp; fraîcheur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAjoute douceur et fraîcheur aux manteaux ternes — le poil retrouve sa souplesse.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eVigueur retrouvée\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRedonne de la vigueur aux fourrures fatiguées et stressées — un vrai coup d’énergie.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Mix Purifiant\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Mix Purifiant - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Mix Purifiant : huiles essentielles \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn \u003cstrong\u003emélange concentré d’huiles essentielles\u003c\/strong\u003e aux propriétés calmantes, antiseptiques et parfumantes — sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Purifiant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\n \u003c!-- Rappel ❌ peaux reactives --\u003e\n \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\n ❌ \u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e si la peau est réactive ou présente des lésions ou plaies actives.\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eSoin lavant apaisant en complément du bain\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eComment intégrer le Mix Purifiant dans un rituel de bain Special One\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain Detox\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eCommencez par un masque pré-bain \u003cstrong\u003eDetox Therapy\u003c\/strong\u003e pour préparer la peau et le poil.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eApplication en complément lavant\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez le Mix Purifiant \u003cstrong\u003een complément du shampoing ou du masque pré-bain\u003c\/strong\u003e. L’eau chaude libère le parfum et active l’effet bénéfique des huiles essentielles.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; pose\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eMassez doucement pour diffuser les huiles essentielles. Laissez agir quelques minutes — l’animal se détend, la peau s’apaise.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition apaisante\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis finalisez avec \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e ou \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e en masque final pour prolonger la sensation de bien-être.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Mix Purifiant au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Mix Purifiant. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetox Therapy en amont\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final apaisant s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce ou Hydrating Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun effet purement calmant est recherché…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Calmant — Mari Pintau (cousin sarde)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun effet tonifiant \u0026amp; brillance est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Tonifiant — Portofino (cousin ligure)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ela peau est réactive ou présente des lésions…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNe pas utiliser — préférez Skincare Pro ou Aqua Baby Paw\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Mix Purifiant fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🛁 Tous les chiens en salon \u003cspan\u003e(pour éviter un retour des nœuds trop rapide)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Tous les Cockers \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✨ Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Yorkshire, Afghans)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriers \u003cspan\u003e(Scottish, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un rituel purifiant et énergisant venu de Toscane.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"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":"Mix Energisant - ROCCALUMERA - Huiles Essentielles de Sicile","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003eMIX ÉNERGISANT — ROCCALUMERA\u003c\/strong\u003e est l’\u003cstrong\u003ehuile lavante\u003c\/strong\u003e Special One inspirée de la Sicile et de ses \u003cstrong\u003eagrumes\u003c\/strong\u003e. Grâce aux principes actifs des fruits siciliens, elle \u003cstrong\u003eredonne force et brillance\u003c\/strong\u003e aux pelages fatigués et stressés.\n \u003c\/div\u003e\n\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — particulièrement précieux pour les \u003cstrong\u003epelages fatigués et stressés\u003c\/strong\u003e qui ont besoin d’un coup de boost énergisant aux agrumes.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eCette huile lavante sublime le poil ; son odeur rappelle les \u003cstrong\u003eparfums élégants du passé\u003c\/strong\u003e et les \u003cstrong\u003esaveurs authentiques d’une terre merveilleuse comme la Sicile\u003c\/strong\u003e. Le \u003cstrong\u003emélange d’huiles essentielles d’agrumes\u003c\/strong\u003e diffuse force et énergie tout en parfumant délicatement le manteau.\u003c\/p\u003e\n \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\u003eNe pas utiliser\u003c\/strong\u003e ce produit si la peau est \u003cstrong\u003eréactive\u003c\/strong\u003e ou présente des \u003cstrong\u003elésions ou plaies\u003c\/strong\u003e — les huiles essentielles pourraient piquer ou aggraver l’irritation.\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 21C12 21 4 13.8 4 8.6A4 4 0 0 1 12 6 A4 4 0 0 1 20 8.6C20 13.8 12 21 12 21z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eBain en douceur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eUn bain ultra-doux pour chiens et chats de tous âges, du bébé jusqu’au sénior.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3s6 6 6 11a6 6 0 0 1-12 0c0-5 6-11 6-11z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage purifiant\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie et purifie la peau en profondeur sans agresser.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003ePeaux mixtes\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAide à la fois les peaux déshydratées et les peaux grasses en rétablissant l’équilibre.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19C5 11 11 5 19 5c0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 19c4-4 7-6 11-7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eDouceur \u0026amp; fraîcheur\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eAjoute douceur et fraîcheur aux manteaux ternes — le poil retrouve sa souplesse.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eVigueur retrouvée\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRedonne de la vigueur aux fourrures fatiguées et stressées — un vrai coup d’énergie.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Mix Énergisant\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Mix Énergisant - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Mix Énergisant : huiles essentielles \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUn \u003cstrong\u003emélange concentré d’huiles essentielles\u003c\/strong\u003e aux propriétés calmantes, antiseptiques et parfumantes — sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée du Mix Énergisant\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\n \u003c!-- Rappel ❌ peaux reactives --\u003e\n \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\n ❌ \u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e si la peau est réactive ou présente des lésions ou plaies actives.\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-proto-list\" style=\"margin-top: 4px;\"\u003e\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eSoin lavant apaisant en complément du bain\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003eComment intégrer le Mix Énergisant dans un rituel de bain Special One\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain Detox\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eCommencez par un masque pré-bain \u003cstrong\u003eDetox Therapy\u003c\/strong\u003e pour préparer la peau et le poil.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eApplication en complément lavant\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez le Mix Énergisant \u003cstrong\u003een complément du shampoing ou du masque pré-bain\u003c\/strong\u003e. L’eau chaude libère le parfum et active l’effet bénéfique des huiles essentielles.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMassage \u0026amp; pose\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eMassez doucement pour diffuser les huiles essentielles. Laissez agir quelques minutes — l’animal se détend, la peau s’apaise.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition apaisante\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis finalisez avec \u003cstrong\u003eAqua Dolce\u003c\/strong\u003e ou \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e en masque final pour prolonger la sensation de bien-être.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- Mix Énergisant au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Mix Énergisant. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDetox Therapy en amont\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final apaisant s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAqua Dolce ou Hydrating Cream\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun effet purement calmant est recherché…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Calmant — Mari Pintau (cousin sarde)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun effet tonifiant \u0026amp; brillance est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Tonifiant — Portofino (cousin ligure)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun effet purifiant détoxifiant est voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Purifiant — Saturnia (cousin toscan)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ela peau est réactive ou présente des lésions…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eNe pas utiliser — préférez Skincare Pro ou Aqua Baby Paw\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Mix Énergisant fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🛁 Tous les chiens en salon \u003cspan\u003e(pour éviter un retour des nœuds trop rapide)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Tous les Cockers \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✨ Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Yorkshire, Afghans)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐾 Terriers \u003cspan\u003e(Scottish, Westie, Welsh)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un rituel énergisant aux agrumes siciliens, force \u0026amp; brillance.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n \u003cstrong\u003e4POODLE PRO\u003c\/strong\u003e (prononcer « For Poudeul Pro ») est le shampoing qui va révolutionner tous vos brushings de poils à \u003cstrong\u003evolumiser et à défriser\u003c\/strong\u003e. Une innovation technique jamais vue en cosmétique animale, qui donne volume, élasticité et \u003cstrong\u003eeffet kératinique intense\u003c\/strong\u003e sur toutes les fourrures frisées et volumineuses.\n \u003c\/div\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — aussi bien pour les jours de concours que pour les bains d'entretien hebdomadaires. Son action ne se limite pas aux Caniches : elle s'étend à \u003cstrong\u003etoutes les races à défriser, volumiser ou rendre explosives\u003c\/strong\u003e.\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-audience\"\u003e\n \u003cdiv class=\"aqr-audience-grid\"\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"18\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8 16 L20 4\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 16 L4 4\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"11.5\" r=\"1\" fill=\"#1a1a1a\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21 L3 12 L12 5 L21 12 L21 21 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 21 L9 15 L15 15 L15 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"8\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M4 21 Q4 14 12 14 Q20 14 20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 4 L17 4 L17 10 Q17 15 12 15 Q7 15 7 10 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5 5 L7 5 L7 9 L5 9 Q3 9 3 7 Q3 5 5 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 5 L17 5 L17 9 L19 9 Q21 9 21 7 Q21 5 19 5 Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M10 15 L10 19 L14 19 L14 15\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 21 L16 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-card\"\u003e\n \u003cdiv class=\"aqr-audience-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#1a1a1a\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"8\" cy=\"7\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 21 Q2 15 8 15 Q14 15 14 21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"17\" cy=\"11\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 21 L14 18 Q14 15 17 15 L20 15 L20 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGrâce aux \u003cstrong\u003eCéramides 2 et aux protéines de Cachemire\u003c\/strong\u003e, 4Poodle Pro reconstruit le poil de l’intérieur, lui donne densité et \u003cstrong\u003eélasticité exceptionnelle\u003c\/strong\u003e dès la sortie du bain, puis un \u003cstrong\u003eeffet kératinique intense qui dure\u003c\/strong\u003e. Le poil sèche très vite, se brosse facilement et arrive prêt pour la coupe aux ciseaux ou la présentation en concours.\u003c\/p\u003e\n \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\u003eAttention au retour des nœuds :\u003c\/strong\u003e utilisé seul, en recherche de volume maximal, 4Poodle Pro peut accélérer le retour des nœuds. Pour l’entretien, concluez toujours avec un après-shampoing intense — \u003cstrong\u003eHydrating Cream et\/ou Bombastic\u003c\/strong\u003e.\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n \u003cdiv class=\"aqr-benefits-grid\"\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eVolume maximal\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eLe meilleur volume possible avec la meilleure texture — même sur les poils les plus fins.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eNouvelle tenue\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eRedéfinit et structure durablement la fourrure après chaque bain.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 7h16M6 7v11M10 7v11M14 7v11M18 7v11\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eBrushing incomparable\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eÉlasticité immédiate : le brushing devient plus fluide et le gain de temps réel.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 8h9a2 2 0 1 0-2-2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12h13a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16h7a2 2 0 1 1-2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eSéchage rapide\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eLe poil sèche significativement plus vite après le lavage.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 3l7 3v5c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eEffet kératinique durable\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eL’action kératinique se prolonge bien au-delà du bain.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n \u003cdiv class=\"aqr-benefit-corner\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\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\n \u003cdiv class=\"aqr-benefit-content\"\u003e\n \u003cdiv class=\"aqr-benefit-title\"\u003eProtection UV\u003c\/div\u003e\n \u003cdiv class=\"aqr-benefit-desc\"\u003eFiltre UV-A intégré pour protéger la peau et les poils des effets nocifs du soleil.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de 4Poodle Pro\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:16px 28px;overflow:visible;\"\u003e\n \n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = { criteria: [ { label: \"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\n\n \u003c!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs 4Poodle Pro - fiabilisee) --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de 4Poodle Pro : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation technique de haute précision — \u003cstrong\u003ereconstruction interne, hydratation et protection\u003c\/strong\u003e, sans SLES, sans parabens. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\n \u003c!-- CARTOGRAPHIE --\u003e\n \u003cdiv id=\"aqr-carto\" style=\"background:#fff;border:1px solid #e5e5e5;padding:18px;\"\u003e\n \u003cdiv class=\"aqr-grid\"\u003e\n\n \u003cdiv class=\"aqr-col-list\"\u003e\n \u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-schema\"\u003e\n \u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n \u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display:block;width:100%;height:auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée de 4Poodle Pro\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/schema-peau-poil.webp?v=1779972667\"\u003e\n \u003csvg class=\"aqr-overlay\" id=\"aqrOverlay\" preserveaspectratio=\"none\" viewbox=\"0 0 100 225\"\u003e\u003c\/svg\u003e\n \u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"aqr-col-info\"\u003e\n \u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n \u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n \u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n \u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\n \u003cdiv class=\"aqr-dilution-grid\"\u003e\n\n \u003c!-- CARTE 1 : Ratio --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e10\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eUne part pour 10 parts d'eau\u003cbr\u003e— ou pur\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 2 : Rendement --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 2,5 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 10 L\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 50 L\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CARTE 3 : Équivalences animées --\u003e\n \u003cdiv class=\"aqr-dilution-cell\"\u003e\n \u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e500 mL\u003c\/span\u003e de produit fini\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 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\n \u003cdetails class=\"aqr-proto-acc\" open\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eBain volume — expo \u0026amp; coupe ciseaux\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour les jours de concours ou de coupe ciseaux de qualité\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePréparez le poil avec le masque pré-bain \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e, associé à \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e ou \u003cstrong\u003eBombastic\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eApplication sur le masque\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez 4Poodle Pro \u003cstrong\u003epur ou dilué à 1\/10\u003c\/strong\u003e directement sur le masque, sans rincer. Massez, rincez, puis renouvelez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eOption volume maximal\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePour un bain expo ou concours, l’après-shampoing peut être supprimé si vous recherchez le \u003cstrong\u003evolume maximal\u003c\/strong\u003e.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eFinition show\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eSéchez et finalisez avec \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e : le duo 4Poodle Pro + Absolute 4Poodle est la référence absolue pour les poils frisés en présentation.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eBain d’entretien hebdomadaire — volume \u0026amp; protection des nœuds\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour les bains réguliers, sans sacrifier le volume\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003ePréparez le poil avec \u003cstrong\u003eBio Energy Plus\u003c\/strong\u003e en masque pré-bain (20 min).\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eLavage\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez 4Poodle Pro, rincez, puis renouvelez.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eIndispensable : protection des nœuds\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream dilué à 1\/50\u003c\/strong\u003e + une cuillère de \u003cstrong\u003eBombastic\u003c\/strong\u003e. Ce geste protège le poil et \u003cstrong\u003eretarde significativement le retour des nœuds\u003c\/strong\u003e entre les bains.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"aqr-proto-acc\"\u003e\n \u003csummary class=\"aqr-proto-summary\"\u003e\n \u003cspan class=\"aqr-proto-title\"\u003eReconstruction minérale renforcée au Bombastic\u003c\/span\u003e\n \u003cspan class=\"aqr-proto-plus\"\u003e\u003csvg viewbox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M12 5 L12 19 M5 12 L19 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"aqr-proto-content\"\u003e\n \u003cp class=\"aqr-proto-subtitle\"\u003ePour les fourrures très abîmées, déshydratées ou manquant de densité\u003c\/p\u003e\n \u003col class=\"aqr-proto-steps\"\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eAssociation des protocoles\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eAssociez 4Poodle Pro au protocole de reconstruction minérale \u003cstrong\u003eBombastic\u003c\/strong\u003e : intégrez Bombastic dans le masque pré-bain ou dans l’après-shampoing final.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eEffet combiné\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eL’effet \u003cstrong\u003eCéramides + Cachemire + Bombastic\u003c\/strong\u003e restructure la fibre en profondeur et restitue densité et éclat durables.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"aqr-proto-step\"\u003e\n \u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n \u003cdiv class=\"aqr-proto-step-body\"\u003e\n \u003cdiv class=\"aqr-proto-step-title\"\u003eRépétition si besoin\u003c\/div\u003e\n \u003cdiv class=\"aqr-proto-step-desc\"\u003eRépétez le protocole \u003cstrong\u003e2 à 3 fois\u003c\/strong\u003e si la fourrure est très dégradée.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n \n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n \u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n \u003c!-- 4Poodle Pro au cœur + compléments modulaires Si... → Alors --\u003e\n \u003cdiv class=\"aqr-assoc\"\u003e\n \u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec 4Poodle Pro. Nos alliances préférées :\u003c\/p\u003e\n\n \u003cdiv class=\"aqr-assoc-rules\"\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun masque pré-bain est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBio Energy Plus + Hygro Fluid ou Bombastic\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun après-shampoing d’entretien est nécessaire…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream + Bombastic\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-rule\"\u003e\n \u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAbsolute 4Poodle (spray)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\n \u003c!-- Races en pilules arrondies --\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où 4Poodle Pro fait la différence :\u003c\/h3\u003e\n \u003cdiv class=\"aqr-races-mosaic\"\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e✂️ Coupe ciseaux \u0026amp; surpeigne \u003cspan\u003e(tous chiens en salon)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington, Bichon Havanais, Coton de Tuléar)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🧸 Poils doubles \u0026amp; chiens d’eau \u003cspan\u003e(Berger Australien, Samoyède, Terre-Neuve, Spitz)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e💥 À défriser ou volumiser \u003cspan\u003e(Schnauzer, Fox Terrier, Cocker Américain)\u003c\/span\u003e\u003c\/span\u003e\n \u003cspan class=\"aqr-race-tag\"\u003e🐕 Terriers \u003cspan\u003e(pattes à volumiser)\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — idéale pour toutes les fourrures à volumiser ou à défriser.\u003c\/p\u003e\n\n \u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans SLES, Paraben | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"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 - Le meilleur spray volume antistatique","description":"\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\n \u003c!-- BLOC 1 : INTRO --\u003e\n \u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n \u003cdiv style=\"font-size: 1.1em; margin-bottom: 25px; border-left: 3px solid #1a1a1a; padding-left: 15px;\"\u003e\n \u003cstrong\u003eABSOLUTE 4POODLE\u003c\/strong\u003e est le spray de finition conditionneur antistatique Special One, dédié à toutes les races à volume ou ayant besoin d'être défrisées. Sa formule précieuse — enrichie en \u003cstrong\u003eprotéines de cachemire et extrait de truffe blanche d'Alba\u003c\/strong\u003e — donne de la texture et du volume au pelage sans l'alourdir. \u003cstrong\u003eUnique sur le marché\u003c\/strong\u003e pour la brillance et l'effet défrisage qu'il procure.\n \u003c\/div\u003e\n\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/span\u003e\n \u003cp style=\"margin-bottom: 15px; font-size: 14px;\"\u003eIndispensable pour les races dont le poil gonfle, frise ou nécessite d'être dompté avant la coupe ou la présentation en exposition.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 5px; margin-left: -5px; table-layout: fixed;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Toiletteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Éleveurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Particuliers\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Compétiteurs\u003c\/td\u003e\n \u003ctd style=\"border: 1px solid #e5e5e5; padding: 10px 5px; text-align: center; background: #fff; font-size: 11px; white-space: nowrap;\"\u003e✅ Handlers\u003c\/td\u003e\n \u003ctd style=\"border: none; background: transparent;\"\u003e\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC RADAR : DIAGRAMME COSMÉTOLOGIQUE --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cdiv id=\"so-radar-widget\" style=\"width:100%;max-width:480px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;font-family:inherit;color:#1a1a1a;line-height:1.4;\"\u003e\n \u003cdiv style=\"padding:24px 28px 20px;overflow:visible;\"\u003e\n \u003cspan style=\"font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#999;margin-bottom:22px;display:block;\"\u003eDiagramme cosmétologique de l'Absolute 4Poodle\u003c\/span\u003e\n \u003cdiv id=\"so-radar-area\" style=\"position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:0 auto;overflow:visible;\"\u003e\n \u003csvg id=\"so-radar-svg\" style=\"width:100%;height:100%;overflow:visible;\" viewbox=\"0 0 360 360\"\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv id=\"so-radar-footer\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #so-radar-widget * { box-sizing: border-box; }\n .so-label {\n position: absolute;\n transform: translate(-50%, -50%);\n text-align: center;\n pointer-events: none;\n white-space: nowrap;\n opacity: 0;\n animation: so-fadeUp 0.5s ease forwards;\n }\n .so-label .so-lname {\n font-size: 9px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #999;\n display: block;\n margin-bottom: 1px;\n font-family: inherit;\n }\n .so-label .so-lval {\n font-size: 24px;\n font-weight: 700;\n color: #1a1a1a;\n line-height: 1;\n font-family: inherit;\n }\n .so-label .so-lmax {\n font-size: 12px;\n font-weight: 400;\n color: #bbb;\n font-family: inherit;\n }\n .so-footer-bar {\n margin-top: 18px;\n border-top: 1px solid #eee;\n padding-top: 14px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n opacity: 0;\n animation: so-footerIn 0.5s ease forwards 0.8s;\n }\n .so-footer-label {\n font-size: 9px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #999;\n font-family: inherit;\n margin-right: 2px;\n }\n .so-footer-chip {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n background: #1a1a1a;\n padding: 4px 10px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n font-family: inherit;\n }\n .so-footer-chip-score {\n font-weight: 400;\n color: rgba(255,255,255,0.4);\n font-size: 10px;\n }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp {\n from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); }\n to { opacity: 1; transform: translate(-50%, -50%); }\n }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-footer-chip { font-size: 10px !important; padding: 3px 8px !important; }\n .so-footer-label { font-size: 8px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\n \u003cscript\u003e\n (function() {\n var PRODUCT = {\n criteria: [\n { label: \"Brillance\", value: 5 },\n { label: \"Défrisage\", value: 5 },\n { label: \"Démêlant\", value: 3 },\n { label: \"Hydratation\", value: 4 },\n { label: \"Volume\", value: 4 }\n ]\n };\n\n var svg = document.getElementById(\"so-radar-svg\");\n var area = document.getElementById(\"so-radar-area\");\n var data = PRODUCT.criteria;\n var n = data.length;\n var cx = 180, cy = 180, maxR = 95;\n\n function ang(i) { return (Math.PI * 2 * i \/ n) - Math.PI \/ 2; }\n function pt(i, v, mx) {\n var a = ang(i), r = (v \/ mx) * maxR;\n return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };\n }\n function svgEl(tag) { return document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", tag); }\n\n for (var l = 1; l \u003c= 5; l++) {\n var pts = [];\n for (var i = 0; i \u003c n; i++) { var p = pt(i, l, 5); pts.push(p.x + \",\" + p.y); }\n var poly = svgEl(\"polygon\");\n poly.setAttribute(\"points\", pts.join(\" \"));\n poly.setAttribute(\"fill\", \"none\");\n poly.setAttribute(\"stroke\", l === 5 ? \"rgba(0,0,0,0.09)\" : \"rgba(0,0,0,0.04)\");\n poly.setAttribute(\"stroke-width\", l === 5 ? \"1\" : \"0.6\");\n if (l === 5) poly.setAttribute(\"stroke-dasharray\", \"3,3\");\n svg.appendChild(poly);\n }\n\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, 5, 5);\n var line = svgEl(\"line\");\n line.setAttribute(\"x1\", cx); line.setAttribute(\"y1\", cy);\n line.setAttribute(\"x2\", p.x); line.setAttribute(\"y2\", p.y);\n line.setAttribute(\"stroke\", \"rgba(0,0,0,0.04)\");\n line.setAttribute(\"stroke-width\", \"0.6\");\n svg.appendChild(line);\n }\n\n var shapePts = [];\n for (var i = 0; i \u003c n; i++) {\n var p = pt(i, data[i].value, 5);\n shapePts.push(p.x + \",\" + p.y);\n }\n var ptsStr = shapePts.join(\" \");\n\n var fillPoly = svgEl(\"polygon\");\n fillPoly.setAttribute(\"points\", ptsStr);\n fillPoly.setAttribute(\"fill\", \"rgba(0,0,0,0.04)\");\n fillPoly.classList.add(\"so-shape-fill\");\n svg.appendChild(fillPoly);\n\n var strokePoly = svgEl(\"polygon\");\n strokePoly.setAttribute(\"points\", ptsStr);\n strokePoly.setAttribute(\"fill\", \"none\");\n strokePoly.setAttribute(\"stroke\", \"#1a1a1a\");\n strokePoly.setAttribute(\"stroke-width\", \"1.8\");\n strokePoly.setAttribute(\"stroke-linejoin\", \"round\");\n strokePoly.classList.add(\"so-shape-stroke\");\n svg.appendChild(strokePoly);\n\n for (var i = 0; i \u003c n; i++) {\n (function(i) {\n var d = data[i];\n var p = pt(i, d.value, 5);\n var delay = 0.5 + i * 0.1;\n\n var halo = svgEl(\"circle\");\n halo.setAttribute(\"cx\", p.x); halo.setAttribute(\"cy\", p.y);\n halo.setAttribute(\"r\", \"7\");\n halo.setAttribute(\"fill\", \"none\");\n halo.setAttribute(\"stroke\", \"#1a1a1a\");\n halo.setAttribute(\"stroke-width\", \"1\");\n halo.setAttribute(\"stroke-opacity\", \"0.12\");\n halo.classList.add(\"so-dot\");\n halo.style.animationDelay = delay + \"s\";\n svg.appendChild(halo);\n\n var dot = svgEl(\"circle\");\n dot.setAttribute(\"cx\", p.x); dot.setAttribute(\"cy\", p.y);\n dot.setAttribute(\"r\", \"3\");\n dot.setAttribute(\"fill\", \"#1a1a1a\");\n dot.classList.add(\"so-dot\");\n dot.style.animationDelay = delay + \"s\";\n svg.appendChild(dot);\n\n var lp = pt(i, 6.5, 5);\n var pctX = (lp.x \/ 360) * 100;\n var pctY = (lp.y \/ 360) * 100;\n\n var lbl = document.createElement(\"div\");\n lbl.className = \"so-label\";\n lbl.style.left = pctX + \"%\";\n lbl.style.top = pctY + \"%\";\n lbl.style.animationDelay = (0.4 + i * 0.1) + \"s\";\n lbl.innerHTML =\n '\u003cspan class=\"so-lname\"\u003e' + d.label + '\u003c\/span\u003e' +\n '\u003cspan class=\"so-lval\"\u003e' + d.value + '\u003cspan class=\"so-lmax\"\u003e\/5\u003c\/span\u003e\u003c\/span\u003e';\n area.appendChild(lbl);\n })(i);\n }\n\n var maxVal = 0;\n for (var i = 0; i \u003c n; i++) { if (data[i].value \u003e maxVal) maxVal = data[i].value; }\n var bests = [];\n for (var i = 0; i \u003c n; i++) { if (data[i].value === maxVal) bests.push(data[i]); }\n\n var chipsHtml = '';\n for (var i = 0; i \u003c bests.length; i++) {\n chipsHtml +=\n '\u003cspan class=\"so-footer-chip\"\u003e' +\n bests[i].label +\n '\u003cspan class=\"so-footer-chip-score\"\u003e' + bests[i].value + '\/5\u003c\/span\u003e' +\n '\u003c\/span\u003e';\n }\n\n document.getElementById(\"so-radar-footer\").innerHTML =\n '\u003cdiv class=\"so-footer-bar\"\u003e' +\n '\u003cspan class=\"so-footer-label\"\u003e★ ' + (bests.length \u003e 1 ? 'Points forts' : 'Point fort') + '\u003c\/span\u003e' +\n chipsHtml +\n '\u003c\/div\u003e';\n })();\n \u003c\/script\u003e\n\n \u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/span\u003e\n\n \u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003ePrêt à l'emploi, Absolute 4Poodle hydrate la structure frisée des fourrures et aide à \u003cstrong\u003edompter les boucles, même les plus difficiles\u003c\/strong\u003e. Dès la première utilisation, le pelage est léger, réhydraté, naturellement discipliné — prêt à être coupé, coiffé ou présenté en concours. Idéal également comme conditionneur de dernière minute lorsque les poils refrisent ou perdent du volume.\u003c\/p\u003e\n\n \u003cdiv style=\"background: #f6f6f6; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px;\"\u003e\n \u003cul style=\"padding-left: 20px; margin: 0; font-size: 14px; list-style-type: none;\"\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eDéfrisage \u0026amp; volume :\u003c\/strong\u003e Dompte les boucles et donne de la texture sans alourdir le pelage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eBrillance exceptionnelle :\u003c\/strong\u003e Résultat lumineux et satiné dès la première application.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eAntistatique :\u003c\/strong\u003e Élimine la charge électrostatique pour un manteau discipliné et ordonné.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eEffet remplissage :\u003c\/strong\u003e La truffe d'Alba confère une densité visuelle et une élasticité durables.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eHydratation \u0026amp; compacité :\u003c\/strong\u003e Les protéines de cachemire rendent le pelage compact, lumineux et nourri.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eRégénération au brossage :\u003c\/strong\u003e Revitalise le manteau à chaque passage de brosse.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003ePrêt pour la coupe :\u003c\/strong\u003e Idéal avant la coupe aux ciseaux — le poil est parfaitement détendu et homogène.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eInvisible sur toutes les robes :\u003c\/strong\u003e Aucun résidu visible, quelle que soit la couleur du pelage.\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 8px;\"\u003e✅ \u003cstrong\u003eMulti-application :\u003c\/strong\u003e Peut être utilisé plusieurs fois par jour sans risque d'accumulation.\u003c\/li\u003e\n \u003cli\u003e✅ \u003cstrong\u003eParfum signature :\u003c\/strong\u003e Note olfactive élégante et persistante, signée Special One.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 3 : ACTIFS --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eSynergie d'Actifs Naturels\u003c\/span\u003e\n \u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formule précieuse et raffinée, construite autour de deux ingrédients d'exception rarement utilisés en cosmétique animale.\u003c\/p\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: separate; border-spacing: 8px; margin-left: -8px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Protéines de Cachemire\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eRendent le pelage compact, lumineux et hydraté. Constituent une enveloppe protectrice légère qui structure le poil frisé sans l'alourdir.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003ctd style=\"width: 50%; border: 1px solid #eee; padding: 12px; background: #fff; vertical-align: top; font-size: 13px;\"\u003e\n \u003cstrong\u003e🍀 Extrait de Truffe Blanche d'Alba Bio\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 11px; color: #666;\"\u003eExcellence italienne aux propriétés anti-âge et revitalisantes extraordinaires. Confère un effet de remplissage sans précédent et une élasticité durable au manteau.\u003c\/span\u003e\n \u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 4 : PROTOCOLES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #ffffff;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/span\u003e\n\n \u003cdiv style=\"margin-bottom: 15px; padding: 12px 15px; background: #f6f6f6; border: 1px solid #e5e5e5; font-size: 13px; font-weight: 600;\"\u003e\n 💡 Produit \u003cstrong\u003eprêt à l'emploi\u003c\/strong\u003e, sans dilution. Vaporiser à 20–30 cm du poil sec ou humide, puis brosser.\n \u003c\/div\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 1 🔥 Finition après bain — défrisage \u0026amp; coupe aux ciseaux\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Étape finale idéale après le bain et le séchage :\u003cbr\u003e\n 1. Vaporisez Absolute 4Poodle sur l'ensemble du manteau sec ou humide, à 20–30 cm.\u003cbr\u003e\n 2. Brossez \u003cstrong\u003ecouche par couche en divisant le poil en sections\u003c\/strong\u003e — le poil se détend, les boucles s'ouvrent et le volume se révèle uniformément.\u003cbr\u003e\n 3. Le pelage est maintenant \u003cstrong\u003eparfaitement discipliné et prêt pour la coupe aux ciseaux\u003c\/strong\u003e : homogène, léger, sans résistance. Peut être ré-appliqué autant de fois que nécessaire pendant la coupe.\u003cbr\u003e\n Si vous souhaitez fixer le résultat : finalisez avec \u003cstrong\u003eFinal Fix Ecologic ou Strong Gaz\u003c\/strong\u003e.\u003cbr\u003e\u003cbr\u003e\n \u003cdiv style=\"background: #fff8e1; border-left: 3px solid #f0a500; padding: 10px 12px; font-size: 12px;\"\u003e\n ⚠️ \u003cstrong\u003eException Top-Knot :\u003c\/strong\u003e Ne pas appliquer Absolute 4Poodle sur le Top-Knot avant la laque-spray — le produit empêcherait la bonne accroche de la fixation.\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 2 🔥 Retouche express pré-ring — refrisage \u0026amp; perte de volume\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Quand le poil refrise ou perd du volume entre le bain et la présentation :\u003cbr\u003e\n 1. Vaporisez Absolute 4Poodle directement sur les zones concernées.\u003cbr\u003e\n 2. Passez la brosse pour \u003cstrong\u003erégénérer le volume, éliminer l'électrostatique\u003c\/strong\u003e et redonner de la tenue.\u003cbr\u003e\n Résultat immédiat : manteau restructuré, brillant et impeccable pour le ring — sans refaire un bain complet.\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails style=\"border: 1px solid #e5e5e5; background: #fff; margin-bottom: 10px;\"\u003e\n \u003csummary style=\"padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; background-color: #fafafa; font-size: 14px;\"\u003e\n \u003cspan\u003eExemple 3 🔥 Brossage de maintien quotidien\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; color: #888;\"\u003eDÉROULER ▼\u003c\/span\u003e\n \u003c\/summary\u003e\n \u003cdiv style=\"padding: 15px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.8;\"\u003e\n Absolute 4Poodle peut s'intégrer dans la routine d'entretien entre les bains :\u003cbr\u003e\n 1. Vaporisez sur le manteau sec à 20–30 cm.\u003cbr\u003e\n 2. Brossez délicatement — le produit \u003cstrong\u003erégénère le pelage à chaque passage\u003c\/strong\u003e, maintient l'hydratation et limite le refrisage au quotidien.\u003cbr\u003e\n Le parfum signature Special One est déposé sur le manteau à chaque utilisation.\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n \u003cdiv style=\"padding: 30px 20px; background-color: #f6f6f6;\"\u003e\n \u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #999; margin-bottom: 15px; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/span\u003e\n\n \u003cp style=\"font-size: 13px; margin-bottom: 10px;\"\u003eAbsolute 4Poodle est la touche finale d'un bain complet. Deux protocoles types :\u003c\/p\u003e\n \u003cdiv style=\"background: #fff; border: 1px solid #eee; padding: 12px 16px; font-size: 13px; margin-bottom: 15px; line-height: 2;\"\u003e\n 🔹 \u003cstrong\u003eBio Energy\u003c\/strong\u003e → \u003cstrong\u003e4Poodle Pro Shampoing\u003c\/strong\u003e → \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e\n 🔹 \u003cstrong\u003eBio Energy\u003c\/strong\u003e → \u003cstrong\u003ePlatynum Pro\u003c\/strong\u003e → \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e → \u003cstrong\u003eAbsolute 4Poodle\u003c\/strong\u003e\u003cbr\u003e\n 🔹 Si fixation nécessaire : \u003cstrong\u003eFinal Fix Ecologic\u003c\/strong\u003e ou \u003cstrong\u003eStrong Gaz\u003c\/strong\u003e en finition\n \u003c\/div\u003e\n\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 10px;\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ \u003cstrong\u003eCaniches (Toy, Nain, Moyen, Royal)\u003c\/strong\u003e — produit historiquement conçu pour cette race, résultat incomparable sur la frisure.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Bichons Frisés, Bolonais — volume et défrisage maîtrisé.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Kerry Blue Terrier, Soft Coated Wheaten, Bedlington — poils frisés ou ondulés à dompter avant coupe.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0; border-bottom: 1px solid #eee;\"\u003e✔️ Toutes les races dont le poil gonfle, ondule ou nécessite un défrisage avant la présentation ou la coupe.\u003c\/td\u003e\u003c\/tr\u003e\n \u003ctr\u003e\u003ctd style=\"padding: 10px 0;\"\u003e✔️ Chiens d'exposition — conditioning de dernière minute, brillance et tenue pré-ring garanties.\u003c\/td\u003e\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003cdiv style=\"margin-top: 30px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #888; text-transform: uppercase;\"\u003eBiodégradable +90% | Sans SLES, Paraben | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Endemik Sas","offers":[{"title":"250 mL","offer_id":40021095678131,"sku":"WEX-A4POO250 (44)","price":39.0,"currency_code":"EUR","in_stock":true},{"title":"1 Litre","offer_id":57210623099225,"sku":"(75)","price":93.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_5.png?v=1771967379"},{"product_id":"bombastic-special-one","title":"BOMBASTIC - le sérum incontournable ✨","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eBOMBASTIC\u003c\/strong\u003e est la \u003cstrong\u003eFibre Liquide Reconstructrice\u003c\/strong\u003e Special One — ni shampoing, ni après-shampoing, ni sérum huileux. Une vraie innovation en zoo-cosmétologie : \u003cstrong\u003eReminéralisant + Antioxydant + Actifs Ultra-Hydratants + Oligo-Éléments\u003c\/strong\u003e, associés à un \u003cstrong\u003ecatalyseur biotechnologique\u003c\/strong\u003e permettant une absorption cellulaire unique. \u003cem\u003eQuand vous l’aurez essayé, vous ne pourrez plus vous en passer.\u003c\/em\u003e\n\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — Bombastic peut s’intégrer à \u003cstrong\u003en’importe quelle étape\u003c\/strong\u003e du toilettage : masque pré-bain, dans le shampoing, après-shampoing, ou étape supplémentaire entre shampoing et conditionneur.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eGrâce à la levure \u003cstrong\u003eSaccharomyces cerevisiae\u003c\/strong\u003e, le complexe minéral de Bombastic agit avec des \u003cstrong\u003eglycopeptides de faible poids moléculaire\u003c\/strong\u003e pour \u003cstrong\u003esurmonter les barrières cellulaires\u003c\/strong\u003e et pénétrer profondément dans le pelage. Une absorption que les formulations classiques ne peuvent pas atteindre. Le résultat ? \u003cem\u003eUne fourrure comme vous ne l’avez jamais vue.\u003c\/em\u003e\u003c\/p\u003e\n\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\u003eZones à éviter :\u003c\/strong\u003e Ne pas appliquer Bombastic sur les zones où le volume doit absolument être évité — dos d’un Bouvier Bernois ou Golden avec poil rebelle, encolure bouffie, cuisses avec épis, ou poil de Yorkshire\/Maltais devant tomber en rideau pour le ring.\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefits\" style=\"margin-top: 20px;\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M3 21h18M5 21V11h4v10M15 21V7h4v14M9 16h6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eReconstruction profonde\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eReconstruit la fibre du poil \u003cstrong\u003ede l’intérieur\u003c\/strong\u003e grâce au complexe biotechnologique de ferments et minéraux.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 1;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePousse améliorée\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eMeilleure croissance du poil, \u003cstrong\u003equalitativement et quantitativement\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 2;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eVolume préservé\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eMalgré son côté ultra-nutritif, Bombastic \u003cstrong\u003emaintient voire amplifie le volume\u003c\/strong\u003e et la tenue naturelle — peu importe la race.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 3;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAnti-nœuds\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003e\n\u003cstrong\u003eRetarde significativement\u003c\/strong\u003e le retour des nœuds après le bain.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 4;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBrillance \u0026amp; tenue\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eUn \u003cstrong\u003eéclat et une tenue du toilettage\u003c\/strong\u003e nettement améliorés.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-card\" style=\"--i: 5;\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 19l14-14M16 5l3 3M9 5h.01M19 11h.01M5 11h.01M11 19h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eCe je-ne-sais-quoi\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eCet effet visuel et tactile qu’on a du mal à décrire avec des mots — mais qu’\u003cstrong\u003eon ressent immédiatement\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Bombastic\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv id=\"so-radar-widget\" style=\"width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; font-family: inherit; color: #1a1a1a; line-height: 1.4;\"\u003e\n\u003cdiv style=\"padding: 16px 28px; overflow: visible;\"\u003e\n\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\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Bombastic - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Bombastic : la biotechnologie au service du poil\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formule unique où la \u003cstrong\u003ebio-technologie se met au service de la zoo-cosmétologie\u003c\/strong\u003e — sans SLES, sans parabens, sans silicone.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv id=\"aqr-carto\" style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul class=\"aqr-list\" id=\"aqrList\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv class=\"aqr-schema-wrap\" id=\"aqrSchemaWrap\"\u003e\n\u003cimg class=\"aqr-schema-img\" id=\"aqrSchemaImg\" style=\"display: block; width: 100%; height: auto;\" alt=\"Schéma de l'anatomie de la peau et du poil illustrant l'action ciblée 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\n\u003cdiv class=\"aqr-connectors\" id=\"aqrConnectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv class=\"aqr-info\" id=\"aqrInfo\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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!-- ENCART STORYTELLING : innovation biotechnologique --\u003e\n\u003cdiv style=\"margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 3px solid #1d1d1f;\"\u003e\n\u003cspan style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin-bottom: 12px; display: block;\"\u003e🧬 La signature Bombastic\u003c\/span\u003e\n\u003cp style=\"font-size: 14px; margin: 0 0 10px; font-weight: 600;\"\u003eQuand la biotechnologie surmonte les barrières cellulaires\u003c\/p\u003e\n\u003cp style=\"font-size: 13px; margin: 0; color: #444; line-height: 1.65;\"\u003eLa plupart des actifs cosmétiques restent en \u003cem\u003esurface\u003c\/em\u003e du poil, retenus par la barrière naturelle de la cuticule. Le \u003cstrong\u003eComplexe Biotechnologique\u003c\/strong\u003e de Bombastic utilise une \u003cstrong\u003elevure spécifique — \u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e\u003c\/strong\u003e — qui produit des \u003cstrong\u003eglycopeptides de faible poids moléculaire\u003c\/strong\u003e capables de \u003cstrong\u003efranchir cette barrière cellulaire\u003c\/strong\u003e. Les minéraux (zinc, fer, magnésium, silicium, cuivre) sont ainsi délivrés \u003cem\u003eau cœur\u003c\/em\u003e de la fibre, et non simplement déposés à sa surface. C’est une efficacité que les formulations classiques ne peuvent pas atteindre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv class=\"aqr-dilution\" style=\"margin-bottom: 12px;\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e60\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003e1 c. à soupe \/ L\u003cbr\u003eou en ajout dans un produit\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e150 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 9 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e500 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 30 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e3 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 180 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan id=\"aqrCycleTarget\" class=\"aqr-dilution-cycle-target\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e17\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e17\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e1\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillère à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '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\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eToilettage rapide \u0026amp; économique\u003c\/span\u003eLa méthode plébiscitée des pros\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eDans le shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez \u003cstrong\u003e1 à 2 cuillères à soupe de Bombastic\u003c\/strong\u003e dans votre shampoing. Réalisez vos deux shampoings avec ce mélange. Rincez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eOption spray (la plus économique)\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDiluez \u003cstrong\u003e1 c. à soupe de Bombastic par litre d’eau\u003c\/strong\u003e, vaporisez sur poil encore humide. Laissez poser \u003cstrong\u003e3-5 minutes\u003c\/strong\u003e, rincez et attaquez le séchage\/brushing.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eOption sans rinçage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMélangez \u003cstrong\u003e1 c. à café de Bombastic + 1 c. à café d’Hydrating Cream + eau\u003c\/strong\u003e. Appliquez partout et passez directement au brushing \u003cstrong\u003esans rincer\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eRestructuration intense de la fourrure\u003c\/span\u003eDouble apport pré-bain + après-shampoing\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMasque pré-bain\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez \u003cstrong\u003e1 c. à soupe de Bombastic par litre d’eau\u003c\/strong\u003e dans votre masque pré-bain habituel (Bio Energy Plus, Hygro Fluid, etc.).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eAprès-shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAjoutez \u003cstrong\u003e1 à 2 c. à soupe de Bombastic\u003c\/strong\u003e dans votre masque après-shampoing. Laissez poser \u003cstrong\u003e5 minutes\u003c\/strong\u003e. Rincez.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSynergie maximale\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eCe double apport — avant et après le shampoing — \u003cstrong\u003emaximise la pénétration des actifs minéraux\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eMasque épais maison\u003c\/span\u003ePointes abîmées \u0026amp; nutrition ciblée\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\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\u003eConservation :\u003c\/strong\u003e la mousse préparée reste stable mais doit être utilisée \u003cstrong\u003edans les 48 h\u003c\/strong\u003e suivant sa préparation. Conservez-la dans un endroit frais et sec, à l’abri de la chaleur et de la lumière directe.\u003c\/div\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eMélange 50\/50\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eMélangez \u003cstrong\u003e50 mL de Bombastic + 50 mL d’eau froide\u003c\/strong\u003e dans un récipient. Laissez reposer quelques minutes — la texture \u003cstrong\u003es’épaissit de façon surprenante\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication ciblée\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez ce masque épais sur les \u003cstrong\u003efourrures sèches, pointes abîmées, zones manquant de brillance ou de densité\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eRésultat 3-en-1\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eVolume, nutrition et éclat en une seule étape — \u003cstrong\u003esans jamais alourdir\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003e🎀 Papillotes wrapping — la signature Yulia Marenkova\u003c\/span\u003eUtilisé seul, le préféré des show poodlers\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\n\u003cdiv class=\"aqr-proto-body\"\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eA\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication pure\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eUtilisé \u003cstrong\u003eseul\u003c\/strong\u003e (sans dilution), Bombastic est le produit préféré de la handler internationale \u003cstrong\u003eYulia Marenkova\u003c\/strong\u003e pour réaliser les \u003cstrong\u003epapillotes de ses caniches de show\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003eB\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eEffet recherché\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eEffet \u003cstrong\u003enourrissant sec\u003c\/strong\u003e qui ne graisse pas la fibre — le poil reste sec au toucher dans la papillote, ce qui évite l’effet « poil étouffé ».\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eFavorise la pousse\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eEn cure papillotes longue durée, ce mode d’application \u003cstrong\u003efavorise activement la pousse\u003c\/strong\u003e et la qualité du nouveau poil grâce au complexe minéral biotechnologique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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\u003eImportant :\u003c\/strong\u003e Bombastic \u003cstrong\u003en’est pas un produit lissant\u003c\/strong\u003e. Il renforce la structure du manteau et améliore la résistance du poil au brushing et au séchage — mais n’est pas conçu pour lisser mécaniquement. Pour un effet lissant, associez-le à \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e ou \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Villanelle au cœur + compléments modulaires Si.. → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003eToute la gamme Special One est compatible avec Bombastic. Nos alliances préférées : 🤝 \u003cstrong\u003eBain Pro \/ Aquarosa Pro \/ Aquapure Pro \/ 4Poodle Pro\u003c\/strong\u003e (shampoings) · \u003cstrong\u003eBio Energy\u003c\/strong\u003e (pré-bain) · \u003cstrong\u003eHydrating Cream \/ Aqua Dolce\u003c\/strong\u003e (masque final) · \u003cstrong\u003eAbsolute 4Poodle \/ Mix Pink \/ Style 360\u003c\/strong\u003e (finition).\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ereconstruction profonde nécessaire…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDouble apport : 1 c. soupe en pré-bain + 1-2 c. soupe en post-bain\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003etoilettage rapide en salon…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e1-2 c. soupe dans le shampoing + spray dilué après rinçage\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003epapillotes de grands et moyens caniches de show…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBombastic \u003cstrong\u003epur si votre chien a le poils suffisament épais\u003c\/strong\u003e (signature Yulia Marenkova qui adore le faire sur ses grands caniches et ses moyens, noir et blanc)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eeffet lissant souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eAssocier Bombastic à \u003cstrong\u003eHygro Fluid\u003c\/strong\u003e ou \u003cstrong\u003eHydrating Cream\u003c\/strong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ezone à volume contrôlé (dos Bouvier, rideau Yorkshire)…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003e❌ Ne pas appliquer sur ces zones précises\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003epointes très abîmées…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMasque maison 50\/50 (Bombastic + eau froide)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Bombastic fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐩 Fourrures frisées \u003cspan\u003e(Caniches, Bichons, Kerry Blue, Soft Coated, Bedlington…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐕🦺 Tous les Bergers \u003cspan\u003e(Australiens, Belges, Allemands…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐶 Tous les Cockers \u003cspan\u003e(Américain, Anglais)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏔️ Races tibétaines \u003cspan\u003e(Shih-Tzu, Lhassa, Terrier du Tibet…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e👑 Épagneuls Nains Anglais \u003cspan\u003e(Cavalier \u0026amp; King Charles)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e💎 Fourrures longues \u0026amp; soyeuses \u003cspan\u003e(Afghans…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌊 Chiens d’eau, Retrievers \u0026amp; Bouviers \u003cspan\u003e(Terre-Neuve, Bouvier Bernois, Golden…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🐺 Primitifs \/ Double-coat \u003cspan\u003e(Spitz, Eurasiers, Samoyèdes…)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🦴 Terriers \u003cspan\u003e(Scottish, Westie, Welsh…)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — le Bombastic s’adapte à toutes les fibres, des plus douces aux plus rebelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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 SLES, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Petdesign.fr","offers":[{"title":"1 Litre","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 (Bambou) 10 L","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 14px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eBLUE SKY PRO BAMBOU\u003c\/strong\u003e est le shampoing multitâche Special One enrichi à l’\u003cstrong\u003eextrait de moelle de bambou\u003c\/strong\u003e. \u003cstrong\u003eAttention : ce n’est pas une simple variante parfumée du Blue Sky Pro classique\u003c\/strong\u003e — il s’agit d’un produit aux actions et bénéfices différents, avec un axe \u003cstrong\u003erestructurant et reminéralisant\u003c\/strong\u003e propre, tout en conservant son côté universel.\u003c\/div\u003e\n\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 Bambou ≠ Blue Sky Pro classique.\u003c\/strong\u003e Son pouvoir lavant et moussant est plus faible que le Blue Sky Pro standard. Pour les animaux très sales nécessitant un fort pouvoir nettoyant, privilégiez le \u003cstrong\u003eBlue Sky Pro classique ou l’Aquapure Pro\u003c\/strong\u003e.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eTout le monde y trouvera un réel intérêt — \u003cstrong\u003eparticulièrement utile en salon et en élevage\u003c\/strong\u003e pour les bains d’entretien réguliers sur tous types de pelages.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eCompétiteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eHandlers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eEnrichi d’une sélection d’actifs agissant pour \u003cstrong\u003eintégrer au pelage tous les éléments vitaux\u003c\/strong\u003e, Blue Sky Pro Bambou combine nettoyage doux, restructuration kératinique et soin de la peau. Sa formule \u003cstrong\u003ecrème émolliente\u003c\/strong\u003e s’applique facilement et assure une distribution homogène sur tous les types de manteaux.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eNettoyage profond \u0026amp; doux\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eHygiénise en profondeur sans décaper ni agresser la peau — convient même aux animaux très négligés.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDémêlant \u0026amp; brossage facilité\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFacilite l’élimination des nœuds et le brossage des poils.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eProtection kératinique\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eRenforce et protège la structure kératinique de la fourrure et de la peau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBrillance \u0026amp; élasticité\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eAméliore l’aspect du pelage : brillance naturelle et élasticité durable.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Blue Sky Pro Bambou\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv 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: 16px 28px; overflow: visible;\"\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Blue Sky Pro Bambou - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Blue Sky Pro Bambou : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eUne formulation naturelle ciblée sur la \u003cstrong\u003erestructuration, la purification et la protection\u003c\/strong\u003e — sans parabens, sans silicone. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e\n\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\n\u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- DILUTION P4 : 3 cartes sobres (Ratio · Rendement · Équivalences animées) --\u003e\n\u003cdiv style=\"margin-bottom: 12px;\" class=\"aqr-dilution\"\u003e\n\u003cdiv class=\"aqr-dilution-eyebrow\"\u003eDilution de référence\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-grid\"\u003e\n\u003c!-- CARTE 1 : Ratio --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRatio\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-value\"\u003e1\u003cspan class=\"aqr-dilution-slash\"\u003e\/\u003c\/span\u003e20\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003e1\/15 à 1\/20 selon l'état\u003cbr\u003edu pelage — très concentré\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 2 : Rendement --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003eRendement\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e250 mL\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 5 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e1 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 20 L\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-rend-row\"\u003e\n\u003cstrong\u003e5 L\u003c\/strong\u003e \u003cspan class=\"aqr-dilution-rend-arrow\"\u003e→\u003c\/span\u003e 100 L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-note\"\u003eprêts à l'emploi\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARTE 3 : Équivalences animées --\u003e\n\u003cdiv class=\"aqr-dilution-cell\"\u003e\n\u003cdiv class=\"aqr-dilution-cell-label\"\u003ePour \u003cspan class=\"aqr-dilution-cycle-target\" id=\"aqrCycleTarget\"\u003e1 L\u003c\/span\u003e de produit fini\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-cell-rows\"\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cstrong id=\"aqrCycleMl\"\u003e50\u003c\/strong\u003e mL \u003cspan\u003een volume\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleG\"\u003e50\u003c\/strong\u003e g \u003cspan\u003een poids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCycleSpoon\"\u003e3\u003c\/strong\u003e \u003cspan id=\"aqrCycleSpoonLabel\"\u003ecuillères à soupe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-dilution-eq-row\"\u003e\n\u003cspan class=\"aqr-dilution-eq-eq\"\u003e=\u003c\/span\u003e \u003cstrong id=\"aqrCyclePump\"\u003e2\u003c\/strong\u003e \u003cspan id=\"aqrCyclePumpLabel\"\u003epressions de pompe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-dilution, .aqr-dilution * { box-sizing: border-box; font-family: inherit; }\n .aqr-dilution-eyebrow {\n font-size: 11px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 14px;\n }\n .aqr-dilution-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n .aqr-dilution-cell {\n background: #fff;\n border: 1px solid #e8e8ed;\n border-radius: 12px;\n padding: 18px 16px;\n display: flex;\n flex-direction: column;\n }\n .aqr-dilution-cell-label {\n font-size: 10px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: #86868b;\n font-weight: 500;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n .aqr-dilution-cell-value {\n font-size: 38px;\n font-weight: 600;\n color: #1d1d1f;\n letter-spacing: -0.02em;\n line-height: 1;\n margin-bottom: 10px;\n }\n .aqr-dilution-slash {\n color: #d2d2d7;\n font-weight: 300;\n margin: 0 2px;\n }\n .aqr-dilution-cell-rows {\n display: flex;\n flex-direction: column;\n gap: 5px;\n font-size: 13px;\n color: #1d1d1f;\n flex: 1;\n }\n .aqr-dilution-cell-rows strong {\n font-weight: 600;\n color: #1d1d1f;\n transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-rend-row strong {\n min-width: 48px;\n display: inline-block;\n }\n .aqr-dilution-rend-arrow {\n color: #c2a85c;\n font-weight: 600;\n margin: 0 2px;\n }\n .aqr-dilution-eq-eq {\n color: #c2a85c;\n font-weight: 600;\n margin-right: 2px;\n }\n .aqr-dilution-cell-rows span {\n color: #86868b;\n }\n .aqr-dilution-cell-note {\n font-size: 11px;\n color: #86868b;\n margin-top: 10px;\n line-height: 1.4;\n }\n .aqr-dilution-cycle-target {\n display: inline-block;\n background: #1d1d1f;\n color: #fff;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 600;\n letter-spacing: 0.04em;\n transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .aqr-dilution-cycle-fade {\n opacity: 0.2;\n }\n @media (max-width: 700px) {\n .aqr-dilution-grid { grid-template-columns: 1fr; }\n .aqr-dilution-cell-value { font-size: 32px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003cscript\u003e\n (function(){\n \/\/ Animation: cycle entre 1 L \/ 2 L \/ 4 L (dilution 1\/20)\n var cycles = [\n { target: '1 L', ml: '50', g: '50', spoon: '3', pump: '2' },\n { target: '2 L', ml: '100', g: '100', spoon: '6', pump: '4' },\n { target: '4 L', ml: '200', g: '200', spoon: '12', pump: '8' }\n ];\n var idx = 0;\n var targetEl = document.getElementById('aqrCycleTarget');\n var mlEl = document.getElementById('aqrCycleMl');\n var gEl = document.getElementById('aqrCycleG');\n var spoonEl = document.getElementById('aqrCycleSpoon');\n var pumpEl = document.getElementById('aqrCyclePump');\n var spoonLabelEl = document.getElementById('aqrCycleSpoonLabel');\n var pumpLabelEl = document.getElementById('aqrCyclePumpLabel');\n \/\/ Regle FR : pluriel uniquement a partir de 2 (0, 1, 1,5 -\u003e singulier)\n function frPlural(valStr, sing, plur) {\n var n = parseFloat(String(valStr).replace(',', '.'));\n return (n \u003e= 2) ? plur : sing;\n }\n \n function tick() {\n idx = (idx + 1) % cycles.length;\n var c = cycles[idx];\n \/\/ Fade out, swap, fade in\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.add('aqr-dilution-cycle-fade');\n });\n setTimeout(function(){\n if (targetEl) targetEl.textContent = c.target;\n if (mlEl) mlEl.textContent = c.ml;\n if (gEl) gEl.textContent = c.g;\n if (spoonEl) spoonEl.textContent = c.spoon;\n if (pumpEl) pumpEl.textContent = c.pump;\n if (spoonLabelEl) spoonLabelEl.textContent = frPlural(c.spoon, 'cuillère à soupe', 'cuillères à soupe');\n if (pumpLabelEl) pumpLabelEl.textContent = frPlural(c.pump, 'pression de pompe', 'pressions de pompe');\n [targetEl, mlEl, gEl, spoonEl, pumpEl, spoonLabelEl, pumpLabelEl].forEach(function(el){\n if (el) el.classList.remove('aqr-dilution-cycle-fade');\n });\n }, 350);\n }\n \n setInterval(tick, 3500);\n })();\n \u003c\/script\u003e\n\u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eBain universel — tous pelages, tous âges\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eLe protocole de base, doux et restructurant, pour un bain d’entretien sur tous types de manteaux\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eDilution adaptée\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDiluez Blue Sky Pro Bambou à \u003cstrong\u003e1\/15 ou 1\/20\u003c\/strong\u003e avec de l’eau chaude selon l’état du pelage.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication en crème\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez sur le poil mouillé en massant délicatement pour obtenir une \u003cstrong\u003ecrème douce et émolliente\u003c\/strong\u003e. Laissez agir quelques minutes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eDouble shampoing\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez, puis répétez l’opération une seconde fois. Rincez soigneusement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eSoin final\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eFinalisez avec \u003cstrong\u003eHydrating Cream, Bombastic ou Aqua Dolce\u003c\/strong\u003e selon le besoin de la fourrure.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-proto-acc, .aqr-proto-acc * { box-sizing: border-box; font-family: inherit; }\n .aqr-proto-acc {\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 0;\n margin-bottom: 8px;\n overflow: hidden;\n position: relative;\n }\n \/* Perforations verticales SUBTILES en beige, n'interferent jamais avec le texte *\/\n .aqr-proto-acc::before, .aqr-proto-acc::after {\n content: \"\";\n position: absolute;\n top: 12px; bottom: 12px;\n width: 1px;\n background-image: linear-gradient(to bottom, #c8b896 50%, transparent 50%);\n background-size: 1px 5px;\n background-repeat: repeat-y;\n pointer-events: none;\n }\n .aqr-proto-acc::before { left: 10px; }\n .aqr-proto-acc::after { right: 10px; }\n .aqr-proto-summary {\n cursor: pointer;\n list-style: none;\n padding: 16px 56px 16px 28px;\n display: flex;\n align-items: center;\n gap: 14px;\n position: relative;\n }\n .aqr-proto-summary::-webkit-details-marker { display: none; }\n .aqr-proto-title {\n flex: 1;\n font-size: 14px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.3;\n min-width: 0;\n }\n .aqr-proto-plus {\n position: absolute;\n right: 22px; top: 50%; transform: translateY(-50%);\n width: 22px; height: 22px;\n display: flex; align-items: center; justify-content: center;\n border: 1px solid #1a1a1a; border-radius: 50%;\n color: #1a1a1a; background: transparent;\n transition: transform 0.3s, background 0.3s, color 0.3s;\n flex-shrink: 0;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n transform: translateY(-50%) rotate(45deg);\n background: #1a1a1a; color: #F5E6B8;\n }\n .aqr-proto-content {\n padding: 4px 28px 22px;\n animation: aqrProtoFade 0.4s ease-out;\n }\n @keyframes aqrProtoFade { from { opacity: 0; } to { opacity: 1; } }\n .aqr-proto-subtitle {\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-size: 13px;\n color: #555;\n margin: 0 0 18px;\n padding-bottom: 12px;\n border-bottom: 1px dashed #c8b896;\n }\n .aqr-proto-steps {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .aqr-proto-step {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n .aqr-proto-step-marker {\n flex-shrink: 0;\n width: 26px; height: 26px;\n display: flex; align-items: center; justify-content: center;\n background: transparent;\n border: 1px solid #1a1a1a;\n color: #1a1a1a;\n font-family: Georgia, \"Times New Roman\", serif;\n font-style: italic;\n font-weight: 700;\n font-size: 12px;\n border-radius: 50%;\n }\n .aqr-proto-step-body { flex: 1; padding-top: 2px; }\n .aqr-proto-step-title {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #1a1a1a;\n font-weight: 700;\n margin-bottom: 3px;\n }\n .aqr-proto-step-desc {\n font-size: 12px;\n line-height: 1.6;\n color: #444;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary { padding: 14px 48px 14px 22px; gap: 10px; }\n .aqr-proto-title { font-size: 13px; }\n .aqr-proto-plus { right: 16px; }\n .aqr-proto-acc::before { left: 8px; }\n .aqr-proto-acc::after { right: 8px; }\n .aqr-proto-content { padding: 4px 22px 18px; }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary { padding: 12px 42px 12px 18px; }\n .aqr-proto-acc::before { left: 6px; }\n .aqr-proto-acc::after { right: 6px; }\n .aqr-proto-content { padding: 4px 18px 16px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Blue Sky Pro Bambou au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003e\u003cstrong\u003eToute la gamme Special One\u003c\/strong\u003e est compatible avec le Blue Sky Pro Bambou. Nos alliances préférées :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun second shampoing ciblé est souhaité…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBain Pro · Aquarosa Pro · Aquapure Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun soin final s’impose…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream · Bombastic · Aqua Dolce\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eune finition show est recherchée…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eMix Pink · Absolute 4Poodle · Style 360\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun fort pouvoir nettoyant est nécessaire…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eBlue Sky Pro classique · Aquapure Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Blue Sky Pro Bambou fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐱 Tous les chats\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e✂️ Tous les chiens en salon \u003cspan\u003e(poil court, double ou mi-long \u0026amp; coupes ciseaux)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un bain d’entretien restructurant et reminéralisant, universel par définition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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","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!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eAQUA BABY PAW\u003c\/strong\u003e est le shampoing mousse \u003cstrong\u003eultra-doux\u003c\/strong\u003e Special One formulé avec amour pour le \u003cstrong\u003epremier bain de votre chiot\u003c\/strong\u003e. Composé d’ingrédients d’origine biologique contrôlée, au délicieux parfum de barbe à papa, il maintient l’équilibre physiologique de la peau délicate des tout-petits — pelage doux, brillant et délicatement parfumé.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eSpécialement conçu pour les \u003cstrong\u003echiots jusqu’à 6 mois\u003c\/strong\u003e et les chiens adultes à peau sensible. Compatible avec tous les produits de la gamme Special One.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eLa peau d’un chiot est bien plus délicate que celle d’un chien adulte et nécessite une détergence ultra-douce. Sa \u003cstrong\u003emousse souple et nourrissante\u003c\/strong\u003e élimine les impuretés en profondeur sans irriter, sans altérer le film hydrolipidique ni déséquilibrer le pH — pelage léger, soyeux et agréablement parfumé. Idéal pour des bains fréquents dès les premières semaines de vie.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eUltra-doux \u0026amp; sécurisé\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFormule biologique contrôlée, sans parabens, SLES et DEA — parfaite pour les peaux les plus sensibles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eÉquilibre physiologique\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eMaintient le pH naturel de la peau et préserve le film hydrolipidique intact.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eMousse nourrissante\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eNettoie en profondeur sans agresser — le pelage ressort doux, brillant et légèrement parfumé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eApaisant\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eRéduit les éventuelles irritations et apporte un bien-être immédiat à la peau délicate du chiot.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 4;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eBains fréquents\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eParfaitement adapté à un usage régulier, sans risque pour la peau et le poil du tout-petit.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions de l'Aqua Baby Paw\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv 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: 16px 28px; overflow: visible;\"\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Aqua Baby Paw - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition de l'Aqua Baby Paw : actifs naturels \u0026amp; action ciblée\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eCinq extraits biologiques aux propriétés complémentaires, soigneusement sélectionnés pour la douceur et la protection des peaux jeunes — \u003cstrong\u003esans SLES, sans DEA, sans parabens\u003c\/strong\u003e. Voici, zone par zone, comment chaque actif agit sur la peau et le poil.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e\n\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\n\u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- Encart prêt à l'emploi --\u003e\n\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\u003eAgiter avant utilisation.\u003c\/strong\u003e Produit \u003cstrong\u003eprêt à l’emploi\u003c\/strong\u003e — s’applique pur sur le poil humide, sans dilution nécessaire.\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px;\" class=\"aqr-proto-list\"\u003e\n\u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eLe premier bain du chiot\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eUn moment de douceur pour les tout-petits\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eAgiter le flacon\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAgitez bien le flacon avant utilisation pour homogénéiser la mousse.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication en douceur\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez \u003cstrong\u003equelques gouttes de mousse sur le poil humide\u003c\/strong\u003e, puis massez délicatement pour distribuer sur l’ensemble du manteau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eRinçage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eRincez abondamment à l’eau tiède. Répétez si nécessaire.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eAprès-shampoing (plus tard)\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eDans un premier temps, aucun conditionneur n’est nécessaire. Lorsque le besoin se fait sentir au fil des bains, passez à l’\u003cstrong\u003eHydrating Cream\u003c\/strong\u003e pour enrichir le soin.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Aqua Baby Paw au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003eCompatible avec \u003cstrong\u003etous les produits de la gamme Special One\u003c\/strong\u003e, sans exception. L’unique recommandation de progression :\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ele pelage commence à avoir besoin d’un soin…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eHydrating Cream en conditionneur final\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ele chiot grandit (au-delà de 6 mois)…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003ePassez sur Aquarosa Pro ou Bain Pro\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où l'Aqua Baby Paw fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐶 Tous les chiots jusqu’à 6 mois \u003cspan\u003e(toutes races confondues)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🌿 Chiens adultes à peau sensible ou réactive \u003cspan\u003e(détergence respectueuse à tout âge)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eListe longue et non exhaustive — un shampoing mousse formulé pour la peau la plus délicate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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 SLES, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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 150mL - special coussinet chien chat","description":"\u003c!-- ============================================\n SYSTÈME DE DESIGN — Affinage visuel\n ============================================ --\u003e\n\u003cstyle id=\"aqr-design-system\"\u003e\n \/* On garde la police du theme Shopify - juste antialiasing pour le rendu *\/\n body, body * {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n \n \/* === Variables du système de design === *\/\n :root {\n --ds-black: #1d1d1f; \/* Noir doux — légèrement plus chaud que le noir pur *\/\n --ds-text: #1d1d1f;\n --ds-text-secondary: #86868b; \/* Gris secondaire *\/\n --ds-text-tertiary: #a1a1a6;\n --ds-bg: #ffffff;\n --ds-bg-elevated: #fbfbfd; \/* Gris très clair *\/\n --ds-bg-soft: #f5f5f7; \/* Gris très clair *\/\n --ds-border: #d2d2d7;\n --ds-border-soft: #e8e8ed;\n --ds-gold: #c2a85c; \/* Or subtil et mat *\/\n --ds-gold-pale: #f0e6cf;\n --ds-radius-sm: 8px;\n --ds-radius-md: 12px;\n --ds-radius-lg: 18px;\n --ds-radius-xl: 22px;\n --ds-ease: cubic-bezier(0.16, 1, 0.3, 1);\n --ds-duration: 0.35s;\n }\n\n \/* === Couleurs noir \/ doré === *\/\n \/* Cards expertise (Proposition D) *\/\n .aqr-benefit-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 20px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n \/* Force l'alignement haut de chaque card dans la grille *\/\n align-self: stretch !important;\n margin: 0 !important;\n vertical-align: top !important;\n }\n .aqr-benefits-grid {\n align-items: start !important;\n align-content: start !important;\n }\n \/* MEME chose pour les audience cards et autres grilles *\/\n .aqr-audience-grid {\n align-items: start !important;\n align-content: start !important;\n }\n .aqr-audience-card {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-benefit-card::before {\n background: var(--ds-text) !important;\n width: 3px !important;\n }\n .aqr-benefit-card:hover {\n background: var(--ds-bg) !important;\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-benefit-card:hover::before {\n width: 3px !important;\n background: var(--ds-gold) !important;\n }\n .aqr-benefit-corner {\n width: 14px !important;\n height: 14px !important;\n background: linear-gradient(225deg, var(--ds-gold-pale) 50%, transparent 50%) !important;\n border-top-right-radius: var(--ds-radius-md) !important;\n }\n .aqr-benefit-icon {\n background: var(--ds-text) !important;\n color: var(--ds-gold) !important;\n border-radius: var(--ds-radius-sm) !important;\n }\n .aqr-benefit-title {\n color: var(--ds-text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.01em !important;\n font-size: 14px !important;\n }\n .aqr-benefit-desc {\n color: var(--ds-text-secondary) !important;\n font-size: 12px !important;\n line-height: 1.55 !important;\n }\n\n \/* === Cards Audience === *\/\n .aqr-audience-card {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-md) !important;\n padding: 18px 12px !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n box-shadow var(--ds-duration) var(--ds-ease),\n border-color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-audience-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n border-color: var(--ds-border) !important;\n }\n .aqr-audience-icon {\n background: var(--ds-bg-soft) !important;\n border-radius: 50% !important;\n width: 44px !important;\n height: 44px !important;\n }\n .aqr-audience-icon svg { stroke: var(--ds-text) !important; }\n .aqr-audience-name {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n font-size: 13px !important;\n letter-spacing: -0.01em !important;\n }\n\n \/* === Eyebrows === *\/\n span[style*=\"text-transform: uppercase\"][style*=\"color: #999\"] {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n font-size: 11px !important;\n margin-bottom: 18px !important;\n }\n\n \/* === Blocs principaux : fond uniforme === *\/\n \/* Les blocs sur fond crème deviennent gris pâle *\/\n div[style*=\"background-color: #FBF9F5\"] {\n background-color: var(--ds-bg-soft) !important;\n }\n\n \/* === Bloc Dilution === *\/\n .aqr-dilution {\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n }\n \/* Forcer l'alignement haut + hauteur egale des 3 cartes dilution *\/\n .aqr-dilution-grid {\n align-items: stretch !important;\n }\n .aqr-dilution-cell {\n align-self: stretch !important;\n margin: 0 !important;\n }\n .aqr-dilution-eyebrow {\n color: var(--ds-text-secondary) !important;\n letter-spacing: 0.08em !important;\n font-weight: 500 !important;\n margin-bottom: 20px !important;\n }\n .aqr-dilution-eq-target {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 6px !important;\n padding: 4px 12px !important;\n }\n .aqr-dilution-eq-item {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n border-radius: var(--ds-radius-sm) !important;\n padding: 14px 8px !important;\n }\n .aqr-dilution-eq-val {\n font-weight: 700 !important;\n color: var(--ds-text) !important;\n }\n .aqr-dilution-eq-name {\n color: var(--ds-text-secondary) !important;\n }\n .aqr-dilution-eq-sep {\n color: var(--ds-text-tertiary) !important;\n }\n .aqr-dilution-eq-or span {\n color: var(--ds-text-tertiary) !important;\n }\n\n \/* === Chips rendement (le trio horizontal) === *\/\n .aqr-dilution-chips-label {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.08em !important;\n }\n .aqr-dilution-chip-from,\n .aqr-dilution-chip-to {\n color: var(--ds-text) !important;\n }\n .aqr-dilution-chip-arr { color: var(--ds-gold) !important; }\n .aqr-dilution-chips-foot { color: var(--ds-text-secondary) !important; }\n \n \/* === Accordeons Protocoles === *\/\n .aqr-proto-acc {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n border-radius: var(--ds-radius-md) !important;\n overflow: hidden;\n transition: box-shadow var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] {\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n }\n \/* Suppression des perforations beige du ticket *\/\n .aqr-proto-acc::before,\n .aqr-proto-acc::after {\n display: none !important;\n }\n .aqr-proto-summary {\n padding: 18px 56px 18px 22px !important; \/* right plus large pour le +, left aere *\/\n }\n .aqr-proto-title {\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n }\n @media (max-width: 600px) {\n .aqr-proto-summary {\n padding: 16px 50px 16px 18px !important;\n }\n .aqr-proto-plus {\n right: 16px !important;\n }\n .aqr-proto-content {\n padding: 4px 18px 18px !important;\n }\n }\n @media (max-width: 380px) {\n .aqr-proto-summary {\n padding: 14px 44px 14px 14px !important;\n }\n .aqr-proto-plus {\n right: 12px !important;\n }\n .aqr-proto-content {\n padding: 4px 14px 16px !important;\n }\n }\n .aqr-proto-title {\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n font-size: 15px !important;\n }\n .aqr-proto-plus {\n border-color: var(--ds-border) !important;\n color: var(--ds-text-secondary) !important;\n background: transparent !important;\n transition: transform var(--ds-duration) var(--ds-ease),\n background var(--ds-duration) var(--ds-ease),\n color var(--ds-duration) var(--ds-ease) !important;\n }\n .aqr-proto-acc[open] .aqr-proto-plus {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-color: var(--ds-text) !important;\n }\n .aqr-proto-content { padding: 4px 24px 22px !important; }\n .aqr-proto-subtitle {\n color: var(--ds-text-secondary) !important;\n border-bottom: 1px solid var(--ds-border-soft) !important;\n }\n .aqr-proto-step-marker {\n background: var(--ds-bg-soft) !important;\n border-color: transparent !important;\n color: var(--ds-text) !important;\n }\n .aqr-proto-step-title {\n color: var(--ds-text) !important;\n letter-spacing: 0.06em !important;\n font-weight: 600 !important;\n }\n .aqr-proto-step-desc {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* === Associations Si → Alors === *\/\n .aqr-assoc-intro {\n color: var(--ds-text-secondary) !important;\n font-size: 14px !important;\n line-height: 1.6 !important;\n }\n .aqr-assoc-rule {\n border-bottom: 1px solid var(--ds-border-soft) !important;\n padding: 18px 4px !important;\n }\n .aqr-assoc-if-tag {\n background: var(--ds-text) !important;\n color: var(--ds-bg) !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n letter-spacing: 0.04em !important;\n }\n .aqr-assoc-if span { color: var(--ds-text-secondary) !important; }\n .aqr-assoc-then-arrow { color: var(--ds-gold) !important; }\n .aqr-assoc-then strong { color: var(--ds-text) !important; }\n\n \/* === Races (pilules) === *\/\n .aqr-race-tag {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border-soft) !important;\n color: var(--ds-text) !important;\n font-weight: 500 !important;\n transition: transform 0.2s var(--ds-ease), border-color 0.2s var(--ds-ease) !important;\n }\n .aqr-race-tag:hover {\n transform: translateY(-1px);\n border-color: var(--ds-border) !important;\n }\n .aqr-race-tag span { color: var(--ds-text-secondary) !important; }\n\n \/* === Radar : points forts en pilules === *\/\n .so-foot-centered-chip {\n background: var(--ds-bg) !important;\n border: 1px solid var(--ds-border) !important;\n color: var(--ds-text) !important;\n border-radius: 100px !important;\n padding: 6px 14px !important;\n font-weight: 500 !important;\n }\n .so-foot-centered-chip em {\n color: var(--ds-gold) !important;\n }\n .so-foot-centered-title {\n color: var(--ds-text-secondary) !important;\n font-weight: 500 !important;\n letter-spacing: 0.18em !important;\n }\n .so-foot-centered-line {\n background: var(--ds-border-soft) !important;\n }\n\n \/* === Cartographie : ajouter de l'air === *\/\n #aqr-carto .aqr-list-item {\n border-radius: var(--ds-radius-sm) !important;\n transition: background 0.2s var(--ds-ease) !important;\n }\n \/* Assurer la visibilite de l'image schema dans tous les contextes *\/\n #aqr-carto .aqr-schema-wrap {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n overflow: visible !important;\n }\n #aqr-carto .aqr-schema-img {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n width: 100% !important;\n height: auto !important;\n }\n\n \/* === Le grand 1\/20 — typographie plus light === *\/\n .aqr-dilution-ratio-num {\n color: var(--ds-text) !important;\n font-weight: 700 !important;\n }\n .aqr-dilution-ratio-sub {\n color: var(--ds-text-secondary) !important;\n }\n\n \/* Animations apaisees - cible seulement les elements avec transition (pas les animations) *\/\n .aqr-audience-card,\n .aqr-race-tag,\n .aqr-proto-acc,\n .aqr-proto-plus,\n .aqr-dilution,\n .so-foot-centered-chip {\n transition-timing-function: var(--ds-ease) !important;\n }\n\n \/* === Le footer mentions === *\/\n div[style*=\"text-transform: uppercase\"][style*=\"color: #888\"] {\n color: var(--ds-text-tertiary) !important;\n font-size: 10px !important;\n letter-spacing: 0.05em !important;\n font-weight: 500 !important;\n }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003c!-- BLOC 1 : INTRO --\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\n\u003cdiv style=\"font-size: 1.1em; margin-bottom: 16px; border-left: 3px solid #1d1d1f; padding-left: 15px;\"\u003e\n\u003cstrong\u003eBEE MOUSSE\u003c\/strong\u003e est la \u003cstrong\u003emousse assainissante sans rinçage\u003c\/strong\u003e Special One conçue pour les \u003cstrong\u003epattes et coussinets\u003c\/strong\u003e de votre chien. Grâce à la \u003cstrong\u003eChlorhexidine\u003c\/strong\u003e et à la \u003cstrong\u003ePropolis\u003c\/strong\u003e, elle désinfecte, protège et hydrate — idéale au retour des balades, ou à l’arrivée du chien en salon de toilettage pour limiter la propagation des virus.\u003c\/div\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n\u003cp style=\"margin-bottom: 20px; font-size: 14px;\"\u003eConçue à la fois pour les \u003cstrong\u003esalons de toilettage\u003c\/strong\u003e (désinfection des pattes à l’arrivée) et les \u003cstrong\u003eparticuliers\u003c\/strong\u003e (après chaque balade). Compatible avec tous les produits Special One.\u003c\/p\u003e\n\u003cdiv class=\"aqr-audience\"\u003e\n\u003cdiv class=\"aqr-audience-grid\"\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eToiletteurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eÉleveurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-audience-card\"\u003e\n\u003cdiv class=\"aqr-audience-icon\"\u003e\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\n\u003cdiv class=\"aqr-audience-name\"\u003eParticuliers\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-audience, .aqr-audience * { box-sizing: border-box; font-family: inherit; }\n .aqr-audience-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n }\n .aqr-audience-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 16px 10px;\n background: #fff;\n border: 1px solid #e5e5e5;\n border-radius: 8px;\n text-align: center;\n transition: border-color 0.2s, transform 0.2s;\n }\n .aqr-audience-card:hover {\n border-color: #1a1a1a;\n transform: translateY(-1px);\n }\n .aqr-audience-icon {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f6f6f6;\n border-radius: 50%;\n }\n .aqr-audience-name {\n font-size: 12px;\n font-weight: 600;\n color: #1a1a1a;\n line-height: 1.2;\n }\n @media (max-width: 700px) {\n .aqr-audience-grid { grid-template-columns: repeat(3, 1fr); }\n }\n @media (max-width: 420px) {\n .aqr-audience-grid { grid-template-columns: repeat(2, 1fr); }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 20px 10px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC 2 : EXPERTISE \u0026 RÉSULTATS --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eExpertise \u0026amp; Résultats\u003c\/h2\u003e\n\u003cp style=\"font-size: 14px; margin-bottom: 15px;\"\u003eLes pattes de votre chien sont en contact constant avec routes, herbes, boue et parfois substances nocives. Bee Mousse est une \u003cstrong\u003emousse igienisante sans rinçage\u003c\/strong\u003e qui assainit et protège — sans dessécher, sans graisser, et sans laisser de traces sur le sol. Pratique, elle s’applique en deux secondes.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 20px;\" class=\"aqr-benefits\"\u003e\n\u003cdiv class=\"aqr-benefits-grid\"\u003e\n\u003cdiv style=\"--i: 0;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eAction assainissante profonde\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eChlorhexidine + Propolis : élimine bactéries et impuretés sur les coussinets, prévient infections et irritations.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 1;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003ePurifie \u0026amp; adoucit\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eLa Propolis (« l’antibiotique naturel ») purifie la peau des coussinets et apaise les petites coupures, griffures ou rougeurs.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 2;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eDélicate \u0026amp; hydratante\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003eFormule douce qui n’assèche pas — les pattes restent souples, sans craquelures ni sécheresse.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"--i: 3;\" class=\"aqr-benefit-card\"\u003e\n\u003cdiv class=\"aqr-benefit-corner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\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\n\u003cdiv class=\"aqr-benefit-content\"\u003e\n\u003cdiv class=\"aqr-benefit-title\"\u003eRapide \u0026amp; sans eau\u003c\/div\u003e\n\u003cdiv class=\"aqr-benefit-desc\"\u003ePas besoin d’eau ni de rinçage : application en deux secondes après chaque balade ou à l’arrivée en salon.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-benefits, .aqr-benefits * { box-sizing: border-box; font-family: inherit; }\n .aqr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-auto-rows: 1fr;\n align-items: stretch;\n gap: 10px;\n }\n .aqr-benefit-card {\n position: relative;\n display: flex;\n gap: 14px;\n background: #fff;\n border: 1px solid #1a1a1a;\n border-radius: 8px;\n padding: 16px 18px;\n align-items: center;\n overflow: hidden;\n opacity: 0;\n animation: aqrBenefitFadeIn 0.5s ease-out forwards;\n animation-delay: calc(var(--i) * 80ms);\n transition: background 0.3s;\n }\n .aqr-benefit-card::before {\n content: \"\";\n position: absolute;\n top: 0; left: 0; bottom: 0;\n width: 4px;\n background: #1a1a1a;\n transition: width 0.3s, background 0.3s;\n }\n .aqr-benefit-card:hover { background: #fafafa; }\n .aqr-benefit-card:hover::before {\n width: 6px;\n background: #D4AF37;\n }\n .aqr-benefit-corner {\n position: absolute;\n top: 0; right: 0;\n width: 18px; height: 18px;\n background: linear-gradient(225deg, #F5E6B8 50%, transparent 50%);\n border-top-right-radius: 8px;\n overflow: hidden;\n }\n .aqr-benefit-icon {\n flex-shrink: 0;\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n background: #1a1a1a;\n color: #F5E6B8;\n border-radius: 0;\n }\n .aqr-benefit-icon svg { width: 22px; height: 22px; }\n .aqr-benefit-content { flex: 1; min-width: 0; }\n .aqr-benefit-title {\n font-size: 14px;\n font-weight: 700;\n color: #1a1a1a;\n margin-bottom: 3px;\n }\n .aqr-benefit-desc {\n font-size: 11px;\n line-height: 1.5;\n color: #555;\n }\n @keyframes aqrBenefitFadeIn {\n to { opacity: 1; }\n }\n @media (max-width: 600px) {\n .aqr-benefits-grid { grid-template-columns: 1fr; gap: 8px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- BLOC RADAR (deplace sous Expertise) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eMieux comprendre les actions du Bee Mousse\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eLe détail de ses performances cosmétologiques, note par note.\u003c\/p\u003e\n\u003cdiv 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: 16px 28px; overflow: visible;\"\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 { position: absolute; transform: translate(-50%, -50%); text-align: center; pointer-events: none; white-space: nowrap; opacity: 0; animation: so-fadeUp 0.5s ease forwards; }\n .so-label .so-lname { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #999; display: block; margin-bottom: 1px; font-family: inherit; }\n .so-label .so-lval { font-size: 24px; font-weight: 700; color: #1a1a1a; line-height: 1; font-family: inherit; }\n .so-label .so-lmax { font-size: 12px; font-weight: 400; color: #bbb; font-family: inherit; }\n .so-foot-centered { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eee; opacity: 0; animation: so-footerIn 0.5s ease forwards 0.8s; }\n .so-foot-centered-head { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 14px; }\n .so-foot-centered-line { flex: 1; height: 1px; background: #1a1a1a; max-width: 50px; }\n .so-foot-centered-title { font-size: 9px; letter-spacing: 0.3em; font-weight: 700; color: #1a1a1a; font-family: inherit; }\n .so-foot-centered-chips { display: grid; grid-template-columns: auto auto; justify-content: center; justify-items: center; gap: 6px; }\n .so-foot-centered-chip { display: inline-flex; align-items: baseline; gap: 6px; background: #fff; border: 1px solid #1a1a1a; color: #1a1a1a; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 600; font-family: inherit; }\n .so-foot-centered-chip em { font-family: Georgia, \"Times New Roman\", serif; font-style: italic; font-weight: 700; color: #D4AF37; font-size: 11px; }\n .so-shape-fill { opacity: 0; animation: so-shapeIn 0.9s ease forwards 0.2s; }\n .so-shape-stroke { opacity: 0; animation: so-shapeIn 0.7s ease forwards 0.35s; }\n .so-dot { opacity: 0; animation: so-dotIn 0.35s ease forwards; }\n @keyframes so-shapeIn { to { opacity: 1; } }\n @keyframes so-dotIn { to { opacity: 1; } }\n @keyframes so-footerIn { to { opacity: 1; } }\n @keyframes so-fadeUp { from { opacity: 0; transform: translate(-50%, calc(-50% + 6px)); } to { opacity: 1; transform: translate(-50%, -50%); } }\n .so-trace-stroke { opacity: 0; animation: so-traceIn 0.5s ease forwards 0.8s, so-traceMove 3.5s linear infinite 1.3s; }\n @keyframes so-traceIn { to { opacity: 1; } }\n @keyframes so-traceMove { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--so-perim, 600)); } }\n @media (max-width: 480px) {\n #so-radar-widget \u003e div { padding: 18px 16px 14px !important; }\n #so-radar-area { max-width: 300px !important; }\n .so-label .so-lname { font-size: 8px !important; letter-spacing: 0.05em !important; }\n .so-label .so-lval { font-size: 19px !important; }\n .so-label .so-lmax { font-size: 9px !important; }\n .so-foot-centered-title { font-size: 8px !important; letter-spacing: 0.25em !important; }\n .so-foot-centered-chip { font-size: 10px !important; padding: 5px 12px !important; }\n .so-foot-centered-chip em { font-size: 10px !important; }\n .so-foot-centered-line { max-width: 30px !important; }\n }\n @media (max-width: 360px) {\n #so-radar-area { max-width: 260px !important; }\n .so-label .so-lval { font-size: 16px !important; }\n .so-label .so-lname { font-size: 7px !important; }\n }\n \u003c\/style\u003e\n\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 = { 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!-- BLOC 3 : COMPOSITION (CARTOGRAPHIE JS actifs Bee Mousse - fiabilisee) --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eComposition du Bee Mousse : actifs ciblés \u0026amp; action sur les coussinets\u003c\/h2\u003e\n\u003cp style=\"font-size: 13px; margin-bottom: 20px;\"\u003eDeux actifs ciblés sur l’assainissement et la protection des coussinets — \u003cstrong\u003esans SLES, sans DEA, sans parabens\u003c\/strong\u003e. Voici, zone par zone, comment chaque actif agit sur la peau des pattes.\u003c\/p\u003e\n\u003c!-- CARTOGRAPHIE --\u003e\n\u003cdiv style=\"background: #fff; border: 1px solid #e5e5e5; padding: 18px;\" id=\"aqr-carto\"\u003e\n\u003cdiv class=\"aqr-grid\"\u003e\n\u003cdiv class=\"aqr-col-list\"\u003e\n\u003cul id=\"aqrList\" class=\"aqr-list\"\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-schema\"\u003e\n\u003cdiv id=\"aqrSchemaWrap\" class=\"aqr-schema-wrap\"\u003e\n\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\n\u003cdiv id=\"aqrConnectors\" class=\"aqr-connectors\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-col-info\"\u003e\n\u003cdiv id=\"aqrInfo\" class=\"aqr-info\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n #aqr-carto, #aqr-carto * { box-sizing: border-box; }\n #aqr-carto {\n font-family: inherit;\n color: #1a1a1a;\n line-height: 1.5;\n position: relative;\n }\n #aqr-carto .aqr-grid {\n display: grid;\n grid-template-columns: 170px 1fr 280px;\n gap: 16px;\n align-items: start;\n }\n\n \/* LISTE — cadres encadres *\/\n #aqr-carto .aqr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\n #aqr-carto .aqr-list-item {\n display: block;\n width: 100%;\n text-align: left;\n background: #fff;\n border: 1px solid #e5e5e5;\n padding: 8px 10px;\n cursor: pointer;\n font-family: inherit;\n color: #888;\n transition: all 0.3s;\n position: relative;\n min-height: 0;\n }\n #aqr-carto .aqr-list-item:hover {\n color: #1a1a1a;\n border-color: #bbb;\n background: #fafafa;\n }\n #aqr-carto .aqr-list-item.aqr-active {\n color: #1a1a1a;\n background: #fff;\n border-color: var(--c, #1a1a1a);\n border-left-width: 3px;\n padding-left: 8px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.04);\n }\n\n #aqr-carto .aqr-li-name {\n font-size: 13px;\n line-height: 1.25;\n font-weight: 500;\n }\n\n \/* SCHEMA *\/\n #aqr-carto .aqr-col-schema {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n #aqr-carto .aqr-schema-wrap {\n position: relative;\n width: 100%;\n max-width: 200px;\n margin: 0 auto;\n z-index: 1;\n }\n #aqr-carto .aqr-schema-img {\n display: block;\n width: 100%;\n height: auto;\n }\n\n #aqr-carto .aqr-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: visible;\n z-index: 3;\n }\n #aqr-carto .aqr-connectors {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 2;\n }\n #aqr-carto \u003e svg.aqr-connector-svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: visible;\n pointer-events: none;\n z-index: 5;\n }\n\n \/* Ligne connector (depuis la liste vers le point) *\/\n #aqr-carto .aqr-conn-line {\n fill: none;\n stroke: var(--c);\n stroke-width: 1;\n opacity: 0;\n stroke-dasharray: 600;\n stroke-dashoffset: 600;\n animation: aqrConnDraw 0.9s cubic-bezier(.5,.05,.2,1) forwards;\n }\n @keyframes aqrConnDraw {\n 0% { opacity: 0; stroke-dashoffset: 600; }\n 25% { opacity: 0.6; }\n 100% { opacity: 0.6; stroke-dashoffset: 0; }\n }\n\n \/* IRRADIATION CIRCULAIRE DOREE — toujours identique *\/\n \/* Le groupe entier qui contient halo + cercle + branches étoilées *\/\n #aqr-carto .aqr-star-group {\n transform-origin: center;\n transform-box: fill-box;\n }\n\n \/* Halo doré central qui pulse doucement *\/\n #aqr-carto .aqr-star-halo {\n fill: #D4AF37;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n filter: blur(1.4px);\n animation: aqrHaloIn 0.7s ease-out forwards, aqrHaloPulse 3s ease-in-out infinite 0.7s;\n }\n @keyframes aqrHaloIn { to { opacity: 0.5; } }\n @keyframes aqrHaloPulse {\n 0%, 100% { opacity: 0.4; transform: scale(1); }\n 50% { opacity: 0.75; transform: scale(1.2); }\n }\n\n \/* Cercle d'irradiation qui se diffuse (anneau lent) *\/\n #aqr-carto .aqr-star-ring {\n fill: none;\n stroke: #D4AF37;\n stroke-width: 0.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrStarRing 3.2s ease-out infinite;\n }\n @keyframes aqrStarRing {\n 0% { opacity: 0; r: 3; stroke-width: 0.6; }\n 15% { opacity: 0.5; }\n 100% { opacity: 0; r: 12; stroke-width: 0.15; }\n }\n\n \/* Point coloré A\/B\/C (par-dessus le doré) *\/\n #aqr-carto .aqr-marker-dot {\n fill: var(--c);\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n animation: aqrDotIn 0.5s ease-out forwards;\n }\n @keyframes aqrDotIn {\n 0% { opacity: 0; transform: scale(0); }\n 70% { transform: scale(1.4); }\n 100% { opacity: 1; transform: scale(1); }\n }\n #aqr-carto .aqr-marker-text {\n fill: white;\n font-family: 'Courier New', monospace;\n font-size: 2.8px;\n font-weight: 700;\n text-anchor: middle;\n dominant-baseline: central;\n opacity: 0;\n animation: aqrDotIn 0.5s ease-out forwards;\n pointer-events: none;\n }\n\n #aqr-carto .aqr-leaving {\n animation: aqrFadeOut 0.4s ease-out forwards !important;\n }\n @keyframes aqrFadeOut { to { opacity: 0; } }\n\n \/* INFO *\/\n #aqr-carto .aqr-info {\n background: #fafafa;\n border: 1px solid #e5e5e5;\n padding: 16px 16px;\n transition: opacity 0.4s;\n }\n #aqr-carto .aqr-info.aqr-fading { opacity: 0.2; }\n #aqr-carto .aqr-info-family {\n font-size: 9px;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 6px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-info-name {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 4px;\n color: #1a1a1a;\n }\n #aqr-carto .aqr-info-latin {\n font-size: 11px;\n color: #999;\n font-style: italic;\n margin-bottom: 12px;\n }\n #aqr-carto .aqr-info-desc {\n font-size: 12px;\n line-height: 1.55;\n color: #333;\n margin-bottom: 14px;\n padding-bottom: 14px;\n border-bottom: 1px solid #ececec;\n }\n #aqr-carto .aqr-info-section {\n font-size: 9px;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: #888;\n font-weight: 600;\n margin-bottom: 10px;\n }\n #aqr-carto .aqr-action-row {\n display: flex;\n align-items: baseline;\n gap: 10px;\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px dotted #ececec;\n }\n #aqr-carto .aqr-action-row:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n #aqr-carto .aqr-action-marker {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n background: var(--c);\n color: white;\n text-align: center;\n line-height: 18px;\n font-family: 'Courier New', monospace;\n font-size: 10px;\n font-weight: 700;\n transition: background 0.5s;\n }\n #aqr-carto .aqr-action-content { flex: 1; min-width: 0; }\n #aqr-carto .aqr-action-zone {\n font-size: 9px;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--c, #888);\n font-weight: 600;\n margin-bottom: 2px;\n transition: color 0.5s;\n }\n #aqr-carto .aqr-action-name {\n font-size: 13px;\n color: #1a1a1a;\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 3px;\n }\n #aqr-carto .aqr-action-benefit {\n font-size: 11px;\n color: #666;\n line-height: 1.5;\n }\n\n \/* TABLET : liste + schema cote a cote, info en dessous *\/\n @media (max-width: 900px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 130px;\n grid-template-rows: auto auto;\n gap: 14px;\n }\n #aqr-carto .aqr-col-list { grid-column: 1; grid-row: 1; }\n #aqr-carto .aqr-col-schema { grid-column: 2; grid-row: 1; }\n #aqr-carto .aqr-col-info { grid-column: 1 \/ -1; grid-row: 2; }\n #aqr-carto .aqr-schema-wrap { max-width: 130px; }\n #aqr-carto .aqr-li-name { font-size: 12px; }\n #aqr-carto .aqr-list-item { padding: 7px 8px; }\n #aqr-carto .aqr-list { gap: 5px; }\n }\n \/* MOBILE : meme structure mais photo encore plus petite *\/\n @media (max-width: 640px) {\n #aqr-carto { padding: 12px !important; }\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 100px;\n gap: 10px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 100px; }\n #aqr-carto .aqr-li-name { font-size: 11px; line-height: 1.2; }\n #aqr-carto .aqr-li-num { font-size: 8px; margin-bottom: 1px; }\n #aqr-carto .aqr-list-item { padding: 6px 8px; }\n #aqr-carto .aqr-list-item.aqr-active { padding-left: 6px; }\n #aqr-carto .aqr-info-name { font-size: 15px; }\n #aqr-carto .aqr-info { padding: 14px; }\n #aqr-carto .aqr-list { gap: 4px; }\n }\n \/* TRES PETIT : photo minimale *\/\n @media (max-width: 420px) {\n #aqr-carto .aqr-grid {\n grid-template-columns: 1fr 80px;\n gap: 8px;\n }\n #aqr-carto .aqr-schema-wrap { max-width: 80px; }\n #aqr-carto .aqr-li-name { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #fff;\"\u003e\n\u003cscript\u003e\n (function(){\n var familyColors = {\n botanic: '#7BA05B',\n aqua: '#4A90B8',\n bio: '#C84876',\n cond: '#B07BA0'\n };\n var families = {\n botanic: 'Botanique',\n aqua: 'Aquatique',\n bio: 'Biochimique',\n cond: 'Conditionneur'\n };\n\n \/\/ Anchors PRECIS sur l'image 500x1125 (viewBox 100 x 225)\n var anchors = {\n tige_poil: { x: 60, y: 25 }, \/\/ mi-tige\n cuticule: { x: 56, y: 65 }, \/\/ ecailles visibles\n epiderme: { x: 25, y: 115 }, \/\/ surface peau gauche\n film_hydro: { x: 32, y: 100 }, \/\/ surface peau clairement, ecarte du poil\n glande_seb: { x: 62, y: 142 }, \/\/ grappe jaune\n glande_sud: { x: 25, y: 168 }, \/\/ enchevetrement gauche\n muscle: { x: 78, y: 170 }, \/\/ faisceau diagonal\n follicule: { x: 43, y: 185 }, \/\/ cloche autour du poil\n bulbe: { x: 43, y: 193 }, \/\/ boule au fond, remonte encore\n derme: { x: 12, y: 190 } \/\/ bloc peau gauche bas\n };\n var anchorLabels = {\n tige_poil: 'Tige du poil', cuticule: 'Cuticule', film_hydro: 'Film hydrolipidique',\n epiderme: 'Épiderme', derme: 'Derme', bulbe: 'Bulbe pilaire',\n glande_seb: 'Glande sébacée', glande_sud: 'Glande sudoripare',\n follicule: 'Follicule pileux', muscle: 'Muscle arrecteur'\n };\n\n var ingredients = [\n {\n id:'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\n\u003c\/div\u003e\n\u003c!-- BLOC 4 : PROTOCOLES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #ffffff;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eProtocoles \u0026amp; Suggestions d'utilisations\u003c\/h2\u003e\n\u003c!-- Encart prêt à l'emploi --\u003e\n\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\u003eAgiter avant utilisation.\u003c\/strong\u003e Mousse \u003cstrong\u003eprête à l’emploi\u003c\/strong\u003e, \u003cstrong\u003esans rinçage\u003c\/strong\u003e — application directe sur les coussinets, sans eau ni dilution.\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px;\" class=\"aqr-proto-list\"\u003e\n\u003cdetails open=\"\" class=\"aqr-proto-acc\"\u003e\n\u003csummary class=\"aqr-proto-summary\"\u003e\u003cspan class=\"aqr-proto-title\"\u003eApplication sur les coussinets\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\n\u003cdiv class=\"aqr-proto-content\"\u003e\n\u003cp class=\"aqr-proto-subtitle\"\u003eGeste rapide après chaque balade ou à l’arrivée en salon\u003c\/p\u003e\n\u003col class=\"aqr-proto-steps\"\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eAgiter le flacon\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eBien agiter le flacon avant chaque utilisation pour homogénéiser la mousse.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eApplication généreuse\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eAppliquez \u003cstrong\u003egénéreusement la mousse sur le bout des coussinets sales\u003c\/strong\u003e, sans avoir besoin d’eau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eEssuyage\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003eEssuyez avec une \u003cstrong\u003eserviette propre\u003c\/strong\u003e. Ne laisse pas de traces sur le sol — prêt à repartir immédiatement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"aqr-proto-step\"\u003e\n\u003cspan class=\"aqr-proto-step-marker\"\u003e★\u003c\/span\u003e\n\u003cdiv class=\"aqr-proto-step-body\"\u003e\n\u003cdiv class=\"aqr-proto-step-title\"\u003eUsages clés\u003c\/div\u003e\n\u003cdiv class=\"aqr-proto-step-desc\"\u003e\n\u003cstrong\u003eEn salon\u003c\/strong\u003e, à l’arrivée du chien pour désinfecter les pattes et éviter la propagation de virus extérieurs. \u003cstrong\u003eChez le particulier\u003c\/strong\u003e, au retour de chaque balade quotidienne.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BLOC 5 : ASSOCIATIONS \u0026 RACES --\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003ch2 style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #999; margin: 0 0 10px; line-height: 1.4; display: block;\"\u003eAssociations Recommandées \u0026amp; Races\u003c\/h2\u003e\n\u003c!-- Bee Mousse au cœur + compléments modulaires Si... → Alors --\u003e\n\u003cdiv class=\"aqr-assoc\"\u003e\n\u003cp class=\"aqr-assoc-intro\"\u003eCompatible avec \u003cstrong\u003etous les produits de la gamme Special One\u003c\/strong\u003e, sans exception — c’est un complément quotidien indépendant du bain.\u003c\/p\u003e\n\u003cdiv class=\"aqr-assoc-rules\"\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003ele chien arrive en salon de toilettage…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eDésinfecter les pattes au Bee Mousse avant tout autre soin\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eretour de balade chez le particulier…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eApplication express — sans eau, en 2 secondes\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-rule\"\u003e\n\u003cdiv class=\"aqr-assoc-if\"\u003e\n\u003cspan class=\"aqr-assoc-if-tag\"\u003eSI\u003c\/span\u003e \u003cspan\u003eun bain complet est ensuite voulu…\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"aqr-assoc-then\"\u003e\n\u003cspan class=\"aqr-assoc-then-arrow\"\u003e→\u003c\/span\u003e \u003cstrong\u003eCompatible avec tous les shampoings Special One\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-assoc, .aqr-assoc * { box-sizing: border-box; font-family: inherit; }\n .aqr-assoc { margin-bottom: 24px; }\n .aqr-assoc-intro {\n font-size: 13px; color: #444; line-height: 1.5;\n margin: 0 0 16px;\n }\n .aqr-assoc-rules {\n display: flex; flex-direction: column;\n }\n .aqr-assoc-rule {\n display: grid; grid-template-columns: 1fr 1.3fr;\n gap: 18px; align-items: center;\n padding: 16px 8px;\n border-bottom: 1px dashed #d8d8d8;\n }\n .aqr-assoc-rule:last-child { border-bottom: none; }\n .aqr-assoc-if {\n display: flex; align-items: center; gap: 10px;\n color: #888; font-size: 13px; font-style: italic;\n }\n .aqr-assoc-if-tag {\n background: #1a1a1a; color: #F5E6B8;\n padding: 3px 10px;\n font-family: Georgia, \"Times New Roman\", serif; font-weight: 700;\n font-size: 11px; letter-spacing: 0.05em;\n font-style: normal;\n flex-shrink: 0;\n }\n .aqr-assoc-then {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px;\n }\n .aqr-assoc-then-arrow {\n color: #D4AF37; font-size: 18px; font-weight: 700;\n flex-shrink: 0;\n }\n .aqr-assoc-then strong { color: #1a1a1a; }\n @media (max-width: 600px) {\n .aqr-assoc-rule { grid-template-columns: 1fr; gap: 4px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\u003e\n\u003c!-- Races en pilules arrondies --\u003e\n\u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px;\"\u003eLà où le Bee Mousse fait la différence :\u003c\/h3\u003e\n\u003cdiv class=\"aqr-races-mosaic\"\u003e\n\u003cspan class=\"aqr-race-tag\"\u003e🐶 Tous les chiens \u003cspan\u003e(toutes races, tous âges)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"aqr-race-tag\"\u003e🏠 Salons \u0026amp; particuliers \u003cspan\u003e(usage quotidien indépendant du bain)\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 14px; font-size: 11px; color: #888; font-style: italic;\"\u003eUn geste hygiène simple à intégrer dans la routine quotidienne — retour de balade, arrivée en salon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .aqr-races-mosaic {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n .aqr-race-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n color: #1a1a1a;\n padding: 9px 16px;\n border-radius: 100px;\n font-size: 12px;\n font-weight: 600;\n border: 1px solid #e5e5e5;\n line-height: 1.3;\n }\n .aqr-race-tag span {\n opacity: 0.6;\n font-weight: 400;\n font-size: 11px;\n }\n @media (max-width: 560px) {\n .aqr-race-tag { font-size: 11px; padding: 8px 13px; }\n .aqr-race-tag span { font-size: 10px; }\n }\n \u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; color: #1a1a1a; line-height: 1.6; font-family: inherit;\"\u003e\n\u003cdiv style=\"padding: 12px 20px 14px; background-color: #f6f6f6;\"\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 SLES, DEA, Paraben, Silicone | Non testé sur les animaux | PEHD02 Recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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 Litre","offer_id":57210605470041,"sku":"(17)","price":103.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6305\/9635\/files\/eleven_3.png?v=1771967180"},{"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\/collections\/cosmetiques-special-one.oembed?page=3","provider":"Petdesign.fr","version":"1.0","type":"link"}